Mengatasi Leverage Browser Caching plusone.js di PageSpeed Insights
Mengatasi Leverage Browser Caching plusone.js PageSpeed Insights

Leverage Browser Caching, tidak ada habis-habisnya untuk dibahas. Memang, masalah ini lumayan banyak tipenya dan cukup sulit untuk ditangani (bagi yang masih awam)...

Penjelasan


Leverage Browser Caching atau dalam bahasa Indonesianya memanfaatkan penyimpanan cache browser adalah satu dari 10 masalah kecepatan loading blog di Google PageSpeed Insights yang disebabkan oleh settingan penyimpanan cache di suatu blog untuk browser.

Untuk lebih jelasnya tentang Leverage Browser Caching sudah pernah saya bahas didalam artikel ini.

Singkatnya, setiap blog yang berplatform Blogger pasti memiliki Javascript bawaan yang bernama PlusOne. Javascript ini berfungsi agar ketiga widget Google+ (Lencana, Pengikut, dan +1) di Blogger dapat bekerja dengan baik.

Nah masalahnya ialah, script tersebut diload secara synchronous sehingga menyebabkan loading blog bertambah. Anehnya lagi script ini tidak dapat anda temukan dengan mengeceknya di Edit HTML, sehingga lumayan sulit agar script ini dapat hilang. Anda harus menginspect secara manual agar dapat menemukannya.

Cara Mengatasi


Untungnya, para pakar Blogger mau berbagi ilmunya untuk mengatasi masalah ini. Caranya cukup gampang, kita hanya perlu "memanipulasi" tag akhir body yang ada sehingga menjadi tidak terbaca tetapi tetap ada.

Mengapa harus tag akhir body? Dikarenakan script ini melekat pada tag tersebut.

Nah disini saya akan memberikan cara menghapus kode tadi dan menggantinya menjadi diload secara asynchronous.

Sebelum melanjutkan ke cara mengatasinya, saya ingin menerangkan sedikit bahwa cara yang akan saya berikan ini tidak akan membuat ketiga widget Google+ (Lencana/Badge, Pengikut, dan +1) di blog anda rusak/blank.


Lanjut, berikut caranya.

  • Pertama, silakan anda buka blogger.com, Tema, lalu Edit HTML.
  • Kemudian, klik di sembarang kode, dan ketik CTRL + F. Nanti akan muncul kotak pencarian, tulis </body>
  • Setelah ketemu, silakan hapus dan ganti kode tersebut menjadi:

&lt;!--</body>--&gt; &lt;/body&gt;

  • Simpan template dan lihat hasilnya di Google PageSpeed Insights.

Bagaimana? Apakah cara diatas dapat bekerja dengan sempurna? Bila terjadi kesalahan dalam penulisan kode atau kata mohon segera diberi tau ke saya agar cepat di moderasi.
Silakan pilih sistem komentar anda ⇛   

Silakan berkomentar dengan sopan. Jangan buang-buang waktu anda hanya untuk melakukan SPAM, Fake Account, dan Flamming disini.

Ozik Jarwo Kode Jarwo
Ozik Jarwo author
# 26 Juli 2018 13.04

Iya. Di artikel memang sudah saya peringatkan...

Balas
aif eizzh Kode Jarwo
aif eizzh
# 25 Juli 2018 11.59

jadi hilang widget Google+ nya

Balas
Ozik Jarwo Kode Jarwo
Ozik Jarwo author
# 30 Desember 2017 10.20

Navbar1 bisa dicek lewat Edit HTML. Kalau Google+ ada di Tata Letak.

Balas
Amrizal Z. Sachmud Kode Jarwo
Amrizal Z. Sachmud
# 30 Desember 2017 01.59

widget navbar atau google+ itu mana hu?

Balas
Ozik Jarwo Kode Jarwo
Ozik Jarwo author
# 7 Desember 2017 05.12

Coba hapus widget Navbar1 atau widget widget Google+

Balas
Ari Prasetyawan Kode Jarwo
Ari Prasetyawan
# 6 Desember 2017 15.54

mau nanya gan, udah pake cara itu kok masih bandel ya punyaku :')

Balas