Cara Mendapatkan Skor 100 PageSpeed Insight Menggunakan Blogger

  • 2 menit durasi baca
  • 13 Apr, 2020
template blogger skor 100 di pagespeed insight

Bisakah kita pengguna blogspot mendapat skor 100/100 baik untuk laman mobile maupun desktop di alat uji kecepatan halaman milik google pagespeed insight. Sedangkan kita tau ada begitu banyak keterbatasan di blogger? Maka jawabannya bisa!
Dan berikut cara saya mendapatkan skor sempurna hanya dengan menggunakan template default bawahan dan cara berikut-pun bisa untuk semua tema blog yang gratis, premium buatan development manapun. Baik langsung saja silahkan ikuti panduan dibawah jika kamu tertarik untuk mencobanya namun sebelum praktik ada baiknya backup terlebih dahulu temanya agar bila terjadi error gampang untuk mengembalikan ke kondisi semula.

Cara Mempercepat Loading Template Blogger

Untuk membuktikan apakah cara ini work atau tidak, cek dulu berapa skor kecepatan halaman posting blog kamu, loh kok posting? Yes bro sebab yang buat berkompetisi terutama di mesin pencari adalah postingan blog kita bukan homepage.
Jika sudah test keluar angka skornya ingat baik-baik berapanya kemudian langsung praktikan cara di bawah ⬇️

  1. Buka editor html tema blogger
  2. Temukan kode <head> dan hapus kode tersebut ganti dengan
    &lt;head&gt;
  3. Lanjut cari lagi kode penutupnya yakni </head> ganti dengan &lt;/head&gt;&lt;!–<head/>–&gt; biar lebih cepat nyarinya tekan ctrl+f pada keyboard jika menggunakan laptop.
  4. Terakhir cari kode </body> serta hapus beliau dari temamu kemudian gantikan dengan kode &lt;!–</body>–&gt; &lt;/body&gt; selesai dan klik simpan/perbarui.

Kemudian cek kembali halaman single post yang tadi kamu cek sebelum mengadopsi teknik mempercepat laman blog ini, dan wow skor naik tajam bukan?
Setidaknya dengan cara ini yang tadinya skor berwarna kuning antara 80-90 atau bahkan lebih, sekarang menjadi hijau 95-99 dan First Contentful Paint (FCP) berada di sekitar 1 detik.

Cara Modifikasi Template Blogger Agar Mendapat Skor 100 di Pagespeed Insight

Jika ternyata masih ada yang menyebabkan render blocking yang dalam banyak kasus template blogspot disebabkan oleh fonts woff2, terkadang javascript widget, itupun ada cara khusus untuk menanganinya dan berikut caranya:

✓ Menangani render blocking disebabkan fonts woff2 dsb pada laporan pagespeed insight, maka kamu copy link fontsnya misal https://www.contoh.com/sumber/asset/fonts.woff2 kemudian kamu rangkai dengan code berikut (ganti url dalam kode berikut denga url font bermasalah di blog kamu)

&lt;link rel=&quot;preload&quot; href=&quot;https://www.contoh.com/assets/fonts/webfonts/fa-brands-400.woff2&quot; as=&quot;font&quot; type=&quot;font/woff2&quot; crossorigin=&quot;anonymous&quot;&gt;

Tempatkan kode tersebut tepat dibawah kode <head> tadi telah kamu ganti pada praktik yang pertama.

✓ Berikutnya kasus juga sering terjadi pula pada tema blogcepot dimana sumber javascript eksternal seringkali jadi masalah render blocking akibatkan gagal meraih skor uji kecepatan yang tinggi. Contoh link .js menjadi tersangka https://www.blogger.com/static/v2/widgets/12345678-widgets.js kita rangkai kode .js menjadi seperti ini:

&lt;link rel=&quot;preload&quot; href=&quot;https://www.blogger.com/static/v2/widgets/12345678-widgets.js&quot; as=&quot;script&quot; type=&quot;text/javascript&quot;&gt;

Dan tempatkan pula persis di bawah kode <head> template.

Itu saja jika dipraktikan dengan benar seharusnya skor kecepatan template blogger sudah mendapat angka 100 setidaknya mendekati antara 97-99 untuk mobile terutama pada halaman postingan dimana postinganlah yang buat “gelut” di mesin telusur google.
Jika membutuhkan theme wordpress super cepat dan seo terbaru, saya ada dan siap jual dengan harga murah. Kontak saya untuk info lebih lengkap.
Selamat mencoba tutorial ini, semoga bermanfaat.