Cara Mengatasi Leverage Browser Caching Di Blogger dan WordPess - Deny Listianto

August 16, 2018

Cara Mengatasi Leverage Browser Caching Di Blogger dan WordPess

Cara Mengatasi Leverage Browser Caching Di Blogger

Kecepatan situs adalah hal yang cukup penting untuk diperhatikan karena situs yang kecepatan rendah dapat mempengaruhi SEO dan ini dapat menjadi salah satu faktor pengunjung situs tersebut rendah karena tidak sabar dengan loading yang cukup lama.

Salah satu penyebab rendahnya kecepetan loading situs adalah Leverage Browser Caching atau Memanfaatkan Cache Browser, Masalah ini yang seting kita jumpai saat sedang mengecek kecepatan loading situs dengan menggunakan GTMetrix atau Google PageSpeed Insights.

Inilah contoh tampilan Leverage Browser Caching pada blog www.denylistianto.com saat di cek di Google PageSpeed Insights.

Cara Mengatasi Leverage Browser Caching Di Blogger

Cache adalah sekumpulan salinan data asli yang di simpan, penyimpanan salinan data Cache ini biasanya dilakukan untuk data yang perlu dikalkulasi atau data yang cara mendapatkannya dengan cara berbeda, sehingga penyimpaan Cache browser diperlukan supaya data-data tersebut bisa di muat kembali secara mudah tanpa melakukan prosedur rumit lagi.

Leverage browser caching mempunyai fungsi untuk mengatur tanggal kedaluarsa atau usia maksimal header HTTP/HTTPS yang berkaitan langsung dengan kode sumber, seperti javascript, css, dan gambar yang bersifat statis. Sehingga memerintahkan browser untuk memuat kode sumber yang sudah didownload di penyimpanan lokal.

Dari penjelasan diatas dapat disimpulkan bahwa cara untuk mengatasi Leverage Browser Caching cukup mudah, yaitu : mengatur tanggal kedaluarsa atau usia maksimal header HTTP/HTTPS yang berkaitan langsung dengan kode sumber, seperti javascript, css, dan gambar yang bersifat statis. Berikut adalah cara Memanfaatkan Cache Browser.

Cara Mengatasi Leverage Browser Caching


Kali ini saya akan berbagi dua tutorial cara Cara Mengatasi Leverage Browser Caching Di Blogger dan WordPess.

Cara Memanfaatkan Cache Browser di Blogger

Pertama, buka blogger.com dan login akun sobat. Setelah itu buka menu TEMA lalu Edit HTML.

Cara Mengatasi Leverage Browser Caching Di Blogger

Silahkan salin kode dibawah ini dan letakkan diatas kode </head>, atau letakkan tepat dibawah kode <head>.

<include expiration='7d' path='*.css'/>
<include expiration='7d' path='*.js'/>
<include expiration='3d' path='*.gif'/>
<include expiration='3d' path='*.jpeg'/>
<include expiration='3d' path='*.jpg'/>
<include expiration='3d' path='*.png'/>

Simpan Tema, Biasanya membutuhkan waktu kurang lebih satu minggu setelah pemasangan, Cek kembali status situsnya di GTMetrix atau Google PageSpeed Insights.

Cara Memanfaatkan Cache Browser di WordPress

Untuk pengguna WordPress bisa gunakan kode ini. Akses file .htaccess pada Public Html hosting web WordPress dan tambahkan kode dibawah ini

## EXPIRES CACHING ##
<IfModule mod_expires.c>
ExpiresActive On
ExpiresByType image/jpg "access plus 1 year"
ExpiresByType image/jpeg "access plus 1 year"
ExpiresByType image/gif "access plus 1 year"
ExpiresByType image/png "access plus 1 year"
ExpiresByType text/css "access plus 1 month"
ExpiresByType application/pdf "access plus 1 month"
ExpiresByType text/x-javascript "access plus 1 month"
ExpiresByType application/x-shockwave-flash "access plus 1 month"
ExpiresByType image/x-icon "access plus 1 year"
ExpiresDefault "access plus 2 days"
</IfModule>
## EXPIRES CACHING ##

Biasanya membutuhkan waktu kurang lebih satu minggu setelah pemasangan, Cek kembali status situsnya di GTMetrix atau Google PageSpeed Insights

Itulah salah satu cara memanfaatkan Cache Browser untuk mempercepat loading blog sobat, dengan memiliki kecepatan blog yang baik maka akan dapat menambah trafik blog sobat. Terimakasih...
Disqus Codes
  • To write a bold letter please use <strong></strong> or <b></b>
  • To write a italic letter please use <em></em> or <i></i>
  • To write a underline letter please use <u></u>
  • To write a strikethrought letter please use <strike></strike>
  • To write HTML code, please use <code></code> or <pre></pre> or <pre><code></code></pre>
    And use parse tool below to easy get the style.
Show Parser Box

strong em u strike
pre code pre code spoiler
embed

Notifications

Disqus Logo