-->

Cara Ampuh Untuk Mengatasi Leverage Caching Browser Di Pagespeed Insight

Cara ampuh untuk mengatasi Leverage caching browser di PageSpeed insight Cara ampuh untuk mengatasi Leverage caching browser di PageSpeed insight
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..

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel