Cara Mengatasi Leverage Browser Caching PageSpeed Insights

Cara Mengatasi Leverage Browser Caching  - Memiliki blog / website dengan PageSpeed yang sangat cepat sekarang ini sudah menjadi trend dikalangan para blogger. Jika dulunya blog lebih mengutamakan tampilan yang keren dengan ditambahkan ornamen serta widget yang bertujuan untuk memperhias, kini blogger lebih cenderung membuat pagespeed blog mereka ringan dan cepat agar lebih mudah di akses oleh para pengunjung.

Salah satu cara yang bisa dilakukan untuk mengecek seberapa cepatkah pagespeed / loadpage yang dimiliki sebuah blog kita bisa mengetahuinya melalui sebuah tool gratis yang diberikan oleh Google yang diberi nama PageSpeed Insight.

Ketika mengecek Pagespeed sebuah blog pada tool Pagespeed Insight kita akan mendapatkan score kecepatan blog mulai dari 1 - 100. Banyak blogger yang kebingungan kenapa blog mereka memiliki pagespeed dengan score optimization yang rendah ? baik itu jika di akses menggunakan versi desktop maupun mobile ? Salah satu yang menjadi penyebabnya adalah Leverage Browser Caching yang belum di optimalkan.


Pesan Leverage browser Caching muncul disebabkan oleh beberapa faktor, Yaitu ukuran gambar didalam artikel pada homepag terlalu besar, terlalu banyak javascript, serta terlalu banyak widget / gadget yang tidak penting dan belum melakukan Setting an expiry date or a maximum age in the HTTP headers for static resources.

Saya akan memberikan tips bagaimana cara menangani permasalahaan tersebut dan saya sendiri sudah membuktikanya. Alhasil score Pagespeed naik berkali-kali lipat dari sebelumnya. Kita hanya perlu menambahkan beberapa settingan didalam tema blog. Caranya cukup mudah, kalian cukup ikuti tutorial singkat berikut ini :

Cara Mengatasi Leverage Browser Caching
  • Kalian cukup pastekan kode berikut ini tepat dibawah <head> atau di atas &lt;!--</head>--&gt;&lt;/head&gt;
<!-- Leverage Chaching Fixed -->
<include expiration='7d' path='/assets/**.css'/>
<include expiration='7d' path='/assets/**.js'/>
<include expiration='3d' path='/assets/**.gif'/>
<include expiration='3d' path='/assets/**.jpeg'/>
<include expiration='3d' path='/assets/**.jpg'/>
<include expiration='3d' path='/assets/**.png'/>
<meta content='tue, 02 jun 2020 00:00:00 GMT' http-equiv='expires'/>
  • Terakhir simpan Tema dan silahkan cek kembali di PageSpeed Insight.
 **Sebelum**


**Sesudah**

  • Terlihat sekali perbedaanya bukan ? Semoga berhasil.

Belum ada Komentar untuk "Cara Mengatasi Leverage Browser Caching PageSpeed Insights"

Posting Komentar

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel