Cara Mengoptimalkan Javascript pada Blog

Selamat Datang di Blog Orang IT . Postingan kali ini saya share mengenai cara meringankan loading blog dengan mengoptimalkan fungsi javascript dalam template . Untuk mempercepat loading blog ada beberapa hal yang harus diperhatikan diantaranya minimalkan penggunaan widget , javascript optimalkan , css minify dll 

JavaScript (/ˈdʒɑːvəˌskrɪpt/) adalah bahasa pemrograman tingkat tinggi dan dinamis. JavaScript
populer di internet dan dapat bekerja di sebagian besar penjelajah web
populer seperti Internet Explorer (IE), Mozilla Firefox, Netscape dan
Opera. Kode JavaScript dapat disisipkan dalam halaman web menggunakan tag SCRIPT.

Baca juga : Cara mempercepat loading blog

Pembahasan kali ini mengenai cara meringankan javascript untuk mempercepat loading blog , jadi simak baik-baik

1. Letakkan javascript sebelum tag </body>

2. Pahami masing-masing fungsi dari javascript yang terdapat didalam template , jika dirasa tidak berguna silahkan dihapus saja

3. Gunakan js asynchronous biasanya ini ada pada script iklan adsense anda pilih yang model asynchronous , sosial media share gunakan juga asynchronous.

4. Terapkan kode Async / Defer pada javascript yang ada di template blog

Banyak orang beranggapan menerapkan fungsi kode ‘async‘ pada javascript dianggap tidak berpengaruh pada blog , padahal itu sangat berpengaruh pada loading blog

Contoh penerapan kode ‘async‘ pada javascript

<script src=’helmykkediri.js’ type=’text/javascript’/>

Nah kalau sudah di optimalkan menggunakan kode async bentuk nya akan jadi seperti ini :

<script async src=’helmykkediri.js’ type=’text/javascript’/>

atau kalau tidak jalan silahkan ubah jadi seperti ini :

<script async=’async’ src=’helmykkediri.js’ type=’text/javascript’/>

Contoh penerapa kode defer pada javascript

<script src=’Helmykkediri.js’ type=’text/javascript’/>

setelah

<script defer src=’Helmykkediri.js’ type=’text/javascript’/>

jika terjadi error dengan script diatas maka kamu bisa menggunakan ini

<script defer=’defer’ src=’Helmykkediri.js’ type=’text/javascript’/>

Mengapa harus menggunakan kode async dan defer

Tanpa menggunakan kode  “async” atau “defer”, browser yang akan
menjalankan / meload script secara langsung , sebelum menampilkan
unsur-unsur yang ada di dalam script js . Hal Ini tidak baik untuk
situs web apapun, karena pasti akan mengakibatkan loading blog menjadi
berat

Dengan menggunakan kode  “async”  atau “defer” (asynchronous), browser /
peramban akan terus memuat halaman HTML dan membuat unsur yang itu
sementara browser beban dan mengeksekusi script pada waktu yang sama. [ translate ]

5. Bisa juga mengcompress javascript sebelum diletakkan ditemplate blogger agar lebih ringan , karena dengan mengcompress javascript akan membantu meringankan kinerja dari pengambilan data dan mempersingkat waktu

Banyak tools online maupun offline yang bisa anda gunakan untuk meringankan / mengcompress javascript

6. Menggabungkan beberapa javascript menjadi satu , meskipun kedengaranya mudah namun dalam penerapanya ternyata cukup sulit menggabungkan beberapa javascript sekaligus namun bukan berarti tidak bisa

Coba cari beberapa tools online yang bisa digunakan untuk menggabungkan beberapa javascript sekaligus , jika anda pandai menggunakanya malah lebih bagus

7. Lakukan pengecekan loading blog di google pagespeed insight atau tools online lainya untuk mengetahui javascript mana saja yang perlu dioptimalkan 

Nah itulah beberapa cara mempercepat loading blog dengan meringankan javascript mengingat pengunjung sekarang agak malas jika berkunjung ke blog yang loadingnya berat . Memang template mobile friendly lebih disukai google apalagi visitor