Cara ampuh untuk mengatasi Leverage caching browser di PageSpeed insight

FOLLOW www.instagram.com/ml_freak

Saat mengecek pengoptimalan di Page Speed insight saya menemukan suatu masalah yang bertuliskan "Leverage caching browser" Atau biasa disebut manfaat kan penggunaan cache browser.

Karena itulah saya akan membuat suatu Tutotial tentang bagaimana cara mengatasi Leverage caching browser.

Untuk kali ini Yang kita lakukan hanyalah untuk mengatasi masalah yang ditimbulkan oleh JavaScript

Apa itu leverage caching browser

Menjadi sebuah masalah pada kecepatan loading blog/website dan mejadi suatu masalah juga pada Google PageSpeed..

Sedikit saya jelaskan lagi, Leverage Browser Caching atau dalam bahasa Indonesianya memanfaatkan penyimpanan cache browser .

Terjadi Sebab ada satu/lebih sumber daya yang tidak dipakai oleh si pengguna pemilik browser

Gambarannya seperti ini..

Saat anda membuka blog saya. Maka browser akan mendownload /script/abcd.js. Lalu anda keluar dari website saya, Setelah beberapa saat anda mengunjungi kembali website saya..

Tetapi Anda harus mendownload kembali /script/abcd.js, Padahal kan tadi sudah..

Itulah yang dinamakan dengan Leverage caching browser.. Anda kharu mendownload ulang script yang tadi sudah di download.. 

Jika hal seperti itu terjadi tentu membuat boros waktu dan kuota internet

Cara mengatasi Laverage caching browser

Cara mengatasi dari masalah ini adalah menggunakan script LazyLoad Javascript pada blogger. Sudah tau apa itu LazyLoad? Ya, LazyLoad berfungsi agar gambar/atau script tidak di Load apabila tidak dilihat..

Cara ini sebetulnya hanya untuk menipu Robot page speed saja

Tau kenapa begitu.. ?

Jelas, mau bagaimana juga script akan tetap di download 2 kali, hanya saja bedanya dengan memakai LazyLoad script ter-load pada saat di scroll.

Robot yang dimiliki oleh GTmetrix dan juga PageSpeed tidak menscroll halaman yang dia cek..

Jadi bisa dibilang dia hanya melihat bagian atas dari website/blog

Karena itulah kita bisa menipunya dengan LazyLoad.. Supaya skor kita bisa jadi lebih tinggi dan waktu untuk me Load halaman menjadi lebih cepat

Script untuk mengatasi Leverage Caching browser

Untuk cara pemakaiannya, Silakan masuk terlebih dahulu ke dashboard blogger kalian.. Lalu Pilih tema dan edit HTML

Jika sudah, silakan anda cari link beserta kode yang menyebabkan Leverage Browser Caching/Add Expires tadi, disini saya memberi contoh kodenya seperti ini:

<script type="text/javascript" src="../script/abcd.js"/>

Lihat link diatas yang saya beri warna kuning, copy kode tersebut dan simpan di notepad, lalu hapus semua kode diatas.

Selanjutnya, silakan anda copy kode dibawah ini dan letakan diatas </body>.

<script type='text/javascript'>//<![CDATA[
var LLJSbangjarwo=!1;window.addEventListener("scroll",function(){(0!=document.documentElement.scrollTop&&LLJSbangjarwo===!1||0!=document.body.scrollTop&&LLJSbangjarwo===!1)&&(!function(){var e=document.createElement("script");e.type="text/javascript",e.async=!0,e.src="link javascript";var t=document.getElementsByTagName("script")[0];t.parentNode.insertBefore(e,t)}(),LLJSbangjarwo=!0)},!0);
//]]></script> 

Ganti tulisan yang saya mark kuning dengan link yang sudah disimpan tadi.

Nah, Jika sudah Bentuk kode nya akan menjadi seperti ini kurang lebih..

<script type='text/javascript'>//<![CDATA[
var LLJSbangjarwo=!1;window.addEventListener("scroll",function(){(0!=document.documentElement.scrollTop&&LLJSbangjarwo===!1||0!=document.body.scrollTop&&LLJSbangjarwo===!1)&&(!function(){var e=document.createElement("script");e.type="text/javascript",e.async=!0,e.src="../script/furikode.js";var t=document.getElementsByTagName("script")[0];t.parentNode.insertBefore(e,t)}(),LLJSbangjarwo=!0)},!0);
//]]></script>
</body> 

Script Diambil dari blog Kodejarwo.com 

Selesai, silakan anda simpan template dan cek kembali skor loading blog anda. Selain masalah ini mungkin blog anda juga mengalami masalah minify HTML, CSS, Dan Java Script

Tambahan

Apabila kalian mau menggunakan kode LazyLoad pada JavaScript, Cukup copy lagi Kode diatas dan pastekan pas dibawah yang pertama.

Lalu ganti kode yang diberi warna kuning menggunakan Link javaScript yang lain

Bila ada kesalahan dengan script, atau tidak work silahkan beri tau dengan meninggalkan komentar, Terimakasih..

FOLLOW www.instagram.com/ml_freak

Jangan lupa share dan baca artikel lainnya

Unknown April 23, 2018 - tanpa komentar

Bagikan