1+ Cara Jitu Mengatasi Render-Blocking JavaScript di Blogger
Tutorial: Cara Mengatasi Render-Blocking JavaScript (Js) Error di Template Blogger (Blogspot) pada GT Metrix & Varvy Page Speed
Meski pun hanya satu buah JavaScript (Js), adanya JavaScript (Js) di template blogger turut menyebabkan loading blog menjadi berat.
Nah bagaimana cara mempercepat loading blog? Kebetulan kami pernah menjelaskan perihal itu di artikel Cara Mengatasi Widget Bundle CSS Error - Tips Mempercepat Loading Blog.
Mungkin kamu harus baca artikel tersebut (tahap pertama), baru mengimplementasikan tutorial artikel ini di template blogger yang kamu miliki saat ini (tahap kedua).
Silakan buka situs web GT Metrix atau Varvy Page Speed lalu masukkan URL situs web kamu (cek), dan lihat hasilnya bagaimana. Jika ditemukan JavaScript (Js) yang bermasalah, kamu bisa mengatasinya dengan mudah yakni dengan cara memecah-belah JavaScript (Js) tersebut.
Dikategorikan "bermasalah" karena JavaScript (Js) ini bersumber langsung dari pihak ketiga, lebih tepatnya bersumber dari situs web lain.
Karena sumbernya dari pihak lain (situs pihak ketiga), inilah yang menyebabkan Render-Blocking JavaScript (Js) terjadi. Maka satu-satunya solusi mengatasinya yakni membuka kode JavaScript (Js) tersebut lalu memasangnya secara manual.
Di atas merupakan salah satu contoh JavaScript (Js) yang ada di template blogger. Maka untuk memecah-belah-kan kode tersebut, lalu memasangnya secara manual, berikut tips dan triknya!
Pada tahap ini kamu akan melihat kode-kode JavaScript (Js) yang cukup panjang ke bawah. Nah silakan di salin (Copy) ke dalam Notepad.
Selanjutnya ikuti tutorial yang ada di dalam artikel Cara Memasang JavaScript (Js) di Template Blogger yang Benar. Kira-kira praktiknya seperti ini:
Kode JavaScript (Js) yang sudah kamu implementasikan sebagaimana tutorial di atas, bisa di simpan di atas kode </body> atau </head> tergantung template blogger.
Praktisnya, apabila kode tersebut di simpan di atas kode </body> dan ternyata JavaScript (Js) tersebut tidak berfungsi, maka kamu bisa menyimpannya di atas kode </head>. Jadi harap disesuaikan dengan blogger theme yang kamu gunakan.
Percaya atau tidak, kode JavaScript (Js) error di GT Metrix dan Varvy Page Speed akan menghilang dan teratasi dengan cukup baik. Dengan itu pula, kecepatan situs web kamu pun akan bertambah.
Sampai detik ini, hanya SEO Kraken Blogger Theme yang menggunakan tutorial di atas. Tidak heran, kecepatan tema blogger SEO Kraken sangat fantastis :)
Itulah tutorial tips dan trik cara mengatasi Render-Blocking JavaScript (Js) di template blogger. Semoga bermanfaat.
Meski pun hanya satu buah JavaScript (Js), adanya JavaScript (Js) di template blogger turut menyebabkan loading blog menjadi berat.
Nah bagaimana cara mempercepat loading blog? Kebetulan kami pernah menjelaskan perihal itu di artikel Cara Mengatasi Widget Bundle CSS Error - Tips Mempercepat Loading Blog.
Mungkin kamu harus baca artikel tersebut (tahap pertama), baru mengimplementasikan tutorial artikel ini di template blogger yang kamu miliki saat ini (tahap kedua).
1+ Cara Jitu Mengatasi Render-Blocking JavaScript di Blogger
Silakan buka situs web GT Metrix atau Varvy Page Speed lalu masukkan URL situs web kamu (cek), dan lihat hasilnya bagaimana. Jika ditemukan JavaScript (Js) yang bermasalah, kamu bisa mengatasinya dengan mudah yakni dengan cara memecah-belah JavaScript (Js) tersebut.
Pic: WPBeginner |
Dikategorikan "bermasalah" karena JavaScript (Js) ini bersumber langsung dari pihak ketiga, lebih tepatnya bersumber dari situs web lain.
Karena sumbernya dari pihak lain (situs pihak ketiga), inilah yang menyebabkan Render-Blocking JavaScript (Js) terjadi. Maka satu-satunya solusi mengatasinya yakni membuka kode JavaScript (Js) tersebut lalu memasangnya secara manual.
<script type='text/javascript'>if(typeof wabtn4fg==="undefined"){wabtn4fg=1;h=document.head||document.getElementsByTagName("head")[0],s=document.createElement("script");s.type="text/javascript";s.src="//yourjavascript.com/01012420993/sitemapseokillertips.js";h.appendChild(s);}</script>
Di atas merupakan salah satu contoh JavaScript (Js) yang ada di template blogger. Maka untuk memecah-belah-kan kode tersebut, lalu memasangnya secara manual, berikut tips dan triknya!
- Copy (Salin) URL yang diwarna-putih-kan. Yang ini: yourjavascript.com/01012420993/sitemapseokillertips.js
- Paste atau Tempel di Address Bar pada browser yang kamu gunakan, lalu tekan tombol Enter
Pada tahap ini kamu akan melihat kode-kode JavaScript (Js) yang cukup panjang ke bawah. Nah silakan di salin (Copy) ke dalam Notepad.
Selanjutnya ikuti tutorial yang ada di dalam artikel Cara Memasang JavaScript (Js) di Template Blogger yang Benar. Kira-kira praktiknya seperti ini:
<script type='text/javascript'>
//<![CDATA[
Letak kode JavaScript (Js) nya disini...
//]]>
</script>
//<![CDATA[
Letak kode JavaScript (Js) nya disini...
//]]>
</script>
Kode JavaScript (Js) yang sudah kamu implementasikan sebagaimana tutorial di atas, bisa di simpan di atas kode </body> atau </head> tergantung template blogger.
Praktisnya, apabila kode tersebut di simpan di atas kode </body> dan ternyata JavaScript (Js) tersebut tidak berfungsi, maka kamu bisa menyimpannya di atas kode </head>. Jadi harap disesuaikan dengan blogger theme yang kamu gunakan.
Percaya atau tidak, kode JavaScript (Js) error di GT Metrix dan Varvy Page Speed akan menghilang dan teratasi dengan cukup baik. Dengan itu pula, kecepatan situs web kamu pun akan bertambah.
Sampai detik ini, hanya SEO Kraken Blogger Theme yang menggunakan tutorial di atas. Tidak heran, kecepatan tema blogger SEO Kraken sangat fantastis :)
Pic: SEO Killer Tips - Arief Ghozaly |
Itulah tutorial tips dan trik cara mengatasi Render-Blocking JavaScript (Js) di template blogger. Semoga bermanfaat.
Labels: Tutorial Blogger
Thanks for reading 1+ Cara Jitu Mengatasi Render-Blocking JavaScript di Blogger. Please share this article.
0 Response to "1+ Cara Jitu Mengatasi Render-Blocking JavaScript di Blogger"
Post a Comment
Punya masalah? Hubungi kami di Pemecah Masalah.
Silakan bertanya secara spesifik agar kami mudah dalam menjawabnya :)