Cara Ampuh Untuk Mengatasi Leverage Caching Browser Di Pagespeed Insight
April 23, 2018
Saat mengecek pengoptimalan di Page Speed insight saya menemukan suatu duduk kasus yang bertuliskan "Leverage caching browser" Atau biasa disebut manfaat kan penggunaan cache browser.
Karena itulah saya akan menciptakan suatu Tutotial perihal bagaimana cara mengatasi Leverage caching browser.
Untuk kali ini Yang kita lakukan hanyalah untuk mengatasi duduk kasus yang ditimbulkan oleh JavaScript
Apa itu leverage caching browser
Menjadi sebuah duduk kasus pada kecepatan loading blog/website dan mejadi suatu duduk kasus 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 digunakan oleh si pengguna pemilik browser
Gambarannya menyerupai ini..
Saat anda membuka blog saya. Maka browser akan mendownload /script/abcd.js. Lalu anda keluar dari website saya, Setelah beberapa ketika 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 menyerupai itu terjadi tentu menciptakan boros waktu dan kuota internet
Cara mengatasi Laverage caching browser
Cara mengatasi dari duduk kasus ini yaitu menggunakan script LazyLoad Javascript pada blogger. Sudah tau apa itu LazyLoad? Ya, LazyLoad berfungsi biar gambar/atau script tidak di Load apabila tidak dilihat..
Cara ini bahwasanya 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 menggunakan LazyLoad script ter-load pada ketika di scroll.
Robot yang dimiliki oleh GTmetrix dan juga PageSpeed tidak menscroll halaman yang beliau cek..
Jadi dapat dibilang beliau hanya melihat kepingan atas dari website/blog
Karena itulah kita dapat menipunya dengan LazyLoad.. Supaya skor kita dapat 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 arahan yang menjadikan Leverage Browser Caching/Add Expires tadi, disini saya memberi tumpuan kodenya menyerupai ini:
<script type="text/javascript" src="../script/abcd.js"/>
Lihat link diatas yang saya beri warna kuning, copy arahan tersebut dan simpan di notepad, kemudian hapus semua arahan diatas.
Selanjutnya, silakan anda copy arahan 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 goresan pena yang saya mark kuning dengan link yang sudah disimpan tadi.
Nah, Jika sudah Bentuk arahan nya akan menjadi menyerupai 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/zezedroid.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 duduk kasus ini mungkin blog anda juga mengalami masalah minify HTML, CSS, Dan Java Script
Tambahan
Apabila kalian mau menggunakan arahan LazyLoad pada JavaScript, Cukup copy lagi Kode diatas dan pastekan pas dibawah yang pertama.
Lalu ganti arahan yang diberi warna kuning menggunakan Link javaScript yang lain
Bila ada kesalahan dengan script, atau tidak work silahkan beri tau dengan meninggalkan komentar, Terimakasih..