Pada saat melakukan test kecepatan website di google pagespeed dan muncul sebuah perintah “Hilangkan resource yang memblokir render” itu arti nya kita harus melakukan sedikit setting di bagian HTML dan CSS supaya kecepatan website bisa lebih ringan dengan cara menghapus javascript yang tidak digunakan.
sebelum kita mulai mengatasi masalah resource yang memblokir render, ada baik nya kalian memahami apa penyebab skrip render blocking javascript di website kalian, baik itu yang menggunakan blogger atau wordpress.
pada artikel kali ini mimin akan memberikan pemecahan masalah skrip render blocking javascript yang terjadi saat kita melakukan cek kecepatan website di googlepagespeed.
Penyebab dan Cara Kerja Render Blocking Javascript
1. Penyebab Render Blocking Javascript
Pada saat kita mengubah tema pada website dengan tema premium atau tema buatan, pada tema itu pasti terdapat baris javascript dan CSS dan jika ada kesalahan dalam javascript maupun CSS nya maka loading website juga akan mengalami lambat saat loading ke homepage.
2. Cara Kerja Render Blocking Javascript
Pada saat kita mengakses website itu cara kerja nya adalah browser akan memproses Javascript dan CSS nya terlebih dahulu sebelum menampilkan halaman homepage dari website tersebut. jadi pada saat kalian berada di jaringan koneksi yang lambat maka google pun juga akan lama memproses halaman untuk tampil.
Nah, lalu bagaimana cara mengatasi Render Blocking Javascript ini di blogger simak cara mengatasinya berikut ini.
Cara Mengatasi Resource yang Memblokir Render
Salah satu cara untuk mengatasi Render Blocking Javascript ini adalah dengan cara menghilangkan Eliminate Render-blocking resource dengan melakukan setting pada HTML kemudian juga melakukan setting pada CSS.
untuk dapat memuat CSS setelah HTML kalian hanya perlu menambahkan baris kode yang harus kalian letakkan di atas body (</body).
Note : “Silahkan dwonload script diatas di link yang sudah kami sediakan, setelah itu copy dan paste kan script ke html website lalu letakkan di bagian di bawah </Body>
Setelah kalian sudah melakukan cara diatas, sekarang silahkan cek kembali kecepatan website di google pagepseed untuk melihat apakah sudah terjadi perubahan pada kecepatan nya atau belum. dan hasil akhir nya akan terlihat seperti ini.
Selamat mencoba ❤