-->

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).

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.

1+ Cara Jitu Mengatasi Render-Blocking JavaScript di Blogger
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===&quot;undefined&quot;){wabtn4fg=1;h=document.head||document.getElementsByTagName(&quot;head&quot;)[0],s=document.createElement(&quot;script&quot;);s.type=&quot;text/javascript&quot;;s.src=&quot;//yourjavascript.com/01012420993/sitemapseokillertips.js&quot;;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>

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 :)

1+ Cara Jitu Mengatasi Render-Blocking JavaScript di Blogger
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.

Daftarkan email kamu sekali saja, maka kamu akan mendapatkan artikel gratis di setiap harinya. Subscribe Now!

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 :)

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

SEO Kraken Blogger Theme