Cara Mengatasi JavaScript Yang Memblokir Rendering

Postingan kali ini adalah tentang Cara Mengatasi JavaScript Yang Memblokir Rendering di konten paruh atas pada template blogspot.

Memiliki blog yang cepat loading-nya adalah dambaan setiap blogger. Sebab, blog yang mempunyai respon cepat akan disenangi visitor, dan kemungkinan besar mereka akan kembali mengunjungi blog kita.

Sebaliknya, jika loading blog Anda lambat atau bahkan sangat lambat, akibat pertama yang akan timbul adalah visitor blog akan menurun. Makin lambat loading blog, makin besar pula potensi hilangnya visitor.

Sebagus apapun sebuah blog, tidak akan berarti jika sepi pengunjung. Untuk itu kita harus selalu melakukan optimasi, seperti memilih template yang ringan, mengurangi widget yang tidak penting pada sidebar, mengompres gambar sebelum di upload, dan seterusnya.

Jika semua optimasi telah di lakukan, langkah berikutnya adalah melakukan pengujian. Silakan buka https://developers.google.com/speed/pagespeed/insights lalu masukkan url blog yang akan di uji.

Cara Mengatasi JavaScript Yang Memblokir Rendering

Jika hasil pengujian menunjukkan bahwa blog Anda bagus, dengan tanda icon yang berwarna hijau dan skor di atas 80, berarti optimasi yang Anda lakukan pada blog Anda berhasil.

Namun jika nilai skor yang Anda dapatkan masih rendah, ditandai dengan ikon yang berwarna kuning, berarti Anda masih harus melakukan optimasi lagi.

Seperti pengalaman saya ini. Awalnya saya tidak tahu harus melakukan apa lagi untuk meningkatkan kecepatan salah satu blog yang saya miliki. Padahal saya telah melakukan semua otimasi, namun ketika di uji, hasilnya masih belum sesuai harapan.

Setelah saya buka bagian Rekomendasi Pengoptimalan, saya dapati bahwa ada JavaScript yang menghalangi atau memblokir rendering di konten paruh atas dan direkomendasikan untuk di hilangkan agar loading blog lebih cepat. Seperti terlihat pada gambar di bawah ini.

Sebenarnya cara yang paling mudah untuk mengatasi masalah ini adalah dengan membuang file jquery tersebut. Namun saya tidak mau membuangnya, sebab saya masih memerlukan beberapa fitur yang dimiliki oleh jquery untuk keindahan blog saya.

Yang saya inginkan adalah blog tetap indah dan enak dilihat serta mempunyai loading yang relatif cepat.

Ternyata ada cara untuk memperbaiki loading blog meski kita tetap mempertahankan file javascript jquery pada template blog kita. Cara sangat mudah, cukup dengan menambahkan kode async=’async’ pada baris javascript jquery. Lebih jelasnya lihat langkah-langkah di bawah ini.