SOTAZONE.NET
Info Seputar Blogging

Cara Meningkatkan Kecepatan Blog (Pagespeed Insights)

0 20

www.sotazone.net Bagi seorang Blogger, memiliki sebuah blog yang ringan dan cepat diakses yaitu faktor terpenting untuk mempertahankan bounce, uv (unique visitor) dan user experience. Semakin blog ringan dan cepat untuk diakses, maka semakin betah pula pengunjung lebih berlama-usang didalam blog kita. Namun hal tersebut alangkah baiknya jikalau diimbangi dengan artikel yang berkualitas.

Pada kesempatan kali ini saya menunjukkan sedikit tips sederhana untuk meningkatkan kecepatan blog yang diukur menurut analisa dari PageSpeed Insights. Dalam analisa tersebut, blog akan dinilai seberapa baguskah blog kita dalam hal kecepatan/loading akses blognya. Nilai yang tepat ialah 100 poin.
Saat melaksanakan ujicoba test analisa pada blog Sota Zone, kami mendapati nilai mirip dibawah ini :
Hasil diatas menunjukkan bahwa ada beberapa hal yang harus diperbaiki biar kecepatan blog semakin ringan dan cepat. Beberapa meningkatkan secara optimal yang disarankan (yang memerlukan perbaikan) akan tampil dibawah hasil analisa.
Hasil tiap-tiap analisa blog pasti akan berbeda, namun ada 2 isyarat yang kami temukan sebagai penghambat dalam menghasilkan blog yang ringan dan cepat. 2 instruksi tersebut ialah :
  1. CSS Bundle : https://www.blogger.com/…/v1/widgets/3213516723-css_bundle_v2.css
  2. Javascript Google Plus One : https://apis.google.com/js/plusone.js
Dua arahan diatas tidak akan ditemukan pada template blog kalian, ini dikarenakan secara default Blogger memuat Javascript dan CSS yang dihosting (tidak tertanam eksklusif di template), sehingga memberatkan loading blog kita.

Solusinya yakni dengan menghapus kedua isyarat yang tidak kita gunakan tersebut.

Menghapus Javascript Google Plus One

Javascript Google Plus One ini terdapat pada Penyimpanan Cache, sehingga untuk menonaktifkan fitur ini, kalian bisa mengubah tag epilog body di bawah ini :

Menjadi tag epilog body yang telah dimodifikasi mirip di bawah ini :
<!---->
Jika kalian mengecek kembali kecepatan loading blog pada PageSpeed Insights, maka permasalahan pada Penyimpanan Cache tidak akan ditemukan lagi, akan tetapi skornya masih tetap dan tidak bertambah. 
Hal tersebut dikarenakan masih ada CSS Bundle yang dihosting pada server, sehingga dikala halaman blog dimuat – template masih membutuhkan waktu yang lebih  usang untuk melaksanakan kontak server terlebih dahulu. Alhasil CSS Bundle menjadi penyebab blog lebih lama termuat.

Menghapus CSS Bundle

Untuk meningkatkan kecepatan/loading blog, kita hilangkan CSS bundle nya dengan cara mengubah tag head dibawah ini :

Menjadi tag head yang telah dimodifikasi mirip di bawah ini:
<head>
Modifikasi juga dilakukan pada tag penutup head, adalah :

Menjadi tag epilog head yang telah dimodifikasi seperti di bawah ini:
<!---->
Selanjutnya Simpan template blog. Cek kembali kecepatan/loading blog kalian. Seharusnya blog kalian sudah mendapatkan nilai mendekati 100, baik dari segi tampilan Seluler maupun Desktop.
Note :

  1. Akan lebih ringan dan cepat lagi jikalau template blog kalian minim JS atau sama sekali tidak menggunakan JS. Namun bagi Publisher Adsense mau tak mau harus tetap menggunakan JS dari Adsense supaya iklan tetap tayang, apabila ingin lebih ringan dan cepat – maka kalian bisa mencopot iklan Adsense kalian. Tapi, apakah kalian rela kalau blog kalian tanpa iklan? 😋
  2. Lakukan kompres pada image dan jangan terlalu lebay dalam menampilkan jumlah post pada beranda, hal ini kadang merepotkan bagi kalian yang menggunakan template berjenis magazine. Karena template magazine bnyak menggunakan JS dan memaksa thumbnail untuk menampilkan gambar berkualitas HD. Tampilan yang berlebihan pada blog (mirip adanya widget yang tidak perlu) juga tidak disukai pengunjung dan membuat halaman blog lebih usang untuk dimuat.
  3. Gunakan template yang sederhana namun mempunyai bobot yang tinggi dalam memberikan isu.
Sampai tahap ini apakah kalian sudah paham dengan langkah-langkah yang kami berikan? Itulah isu mengenai “Cara Meningkatkan Kecepatan Blog (PageSpeed Insights)”, selamat mencoba dan semoga bermanfaat. (sz.net)

Leave A Reply

Your email address will not be published.