Cara mengatasi Leverage caching browser

Nah pada kesempatan kali ini saya akan membuat tutorial bagaimana cara untukmengatasi hal tersebut

Apa itu leverage caching browser

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

jjj

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

Gambarannya seperti ini..

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

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

qwe
Itulah yang dinamkan dengan Leverage cachng browser.. Anda harus mendownload ulang script yang tadi sudah di download.. 
32124

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

ll

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

llllnhJadi 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 pnggunannya,iSilakan masuk terlebih dahlu 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/kodefuri.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 memakai kode LazyLoad-pada JavaScript, Cukup copy lagi Kode diatas dan pastekan pas dibawah yang pertama.

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

qwd

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