Cara Mengatasi Leverage Browser Caching di Blogger - Arlina Design
Masalah yang sering muncul dihadapi oleh pada blogger adalah kecepatan situs. masalah tersebut muncul karena beberapa hal seperti optimize images, minify javascript dan leverage browser caching. Nah pada kesempatan kali ini Arlina Design akan berbagi bagaimana Cara Mengatasi Leverage Browser Caching di Blogger?

Cara Mengatasi Leverage Browser Caching di Blogger

Masalah ini yang sering dijumpai ketika saat kita mengecek kecepatan blog melalui tool GTMetrix atau Google PageSpeed Insights. Sebab leverage browser caching juga merupakan salah satu faktor penentu kecepatan loading blog, semakin cepat loading blog maka trafik blog akan semakin tinggi. Contoh dari leverage browser caching seperti gambar di bawah ini saat saya cek situs www.arlinadzgn.com di Google PageSpeed Insights

Leverage Browser Caching

Secara sederhana Leverage browser caching berfungsi untuk mengatur tanggal kadaluarsa atau usia maksimal header HTTP / HTTPS yang berkaitan langsung dengan kode sumber seperti CSS, Javascript dan gambar yang bersifat statis. Sehingga menginstruksikan browser untuk memuat Source Code tersebut yang sudah didownload sebelumnya dari penyimpanan lokal.

Cara Mengatasi Leverage Browser Caching di Blogger


Langkah Pertama, untuk mengatasi leverage browser caching adalah buka Dashboard blogger kemudian pilih Tema > Klik tombol Edit HTML dan tambahkan kode di bawah ini tepat di bawah <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'/>

Setelah ditambahkan, Simpan tema.

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, nanti cek kembali situsnya di GTMetrix atau Google PageSpeed Insights

Itulah salah satu cara mempercepat loading blog sobat, dengan memiliki kecepatan blog yang baik maka akan dapat menambah trafik blog.

Demikian Cara Mengatasi Leverage Browser Caching di Blogger, semoga bermanfaat. Wassalam.

Cara Mengatasi Leverage Browser Caching di Blogger

Masalah yang sering muncul dihadapi oleh pada blogger adalah kecepatan situs. masalah tersebut muncul karena beberapa hal seperti optimize images, minify javascript dan leverage browser caching. Nah pada kesempatan kali ini Arlina Design akan berbagi bagaimana Cara Mengatasi Leverage Browser Caching di Blogger?

Cara Mengatasi Leverage Browser Caching di Blogger

Masalah ini yang sering dijumpai ketika saat kita mengecek kecepatan blog melalui tool GTMetrix atau Google PageSpeed Insights. Sebab leverage browser caching juga merupakan salah satu faktor penentu kecepatan loading blog, semakin cepat loading blog maka trafik blog akan semakin tinggi. Contoh dari leverage browser caching seperti gambar di bawah ini saat saya cek situs www.arlinadzgn.com di Google PageSpeed Insights

Leverage Browser Caching

Secara sederhana Leverage browser caching berfungsi untuk mengatur tanggal kadaluarsa atau usia maksimal header HTTP / HTTPS yang berkaitan langsung dengan kode sumber seperti CSS, Javascript dan gambar yang bersifat statis. Sehingga menginstruksikan browser untuk memuat Source Code tersebut yang sudah didownload sebelumnya dari penyimpanan lokal.

Cara Mengatasi Leverage Browser Caching di Blogger


Langkah Pertama, untuk mengatasi leverage browser caching adalah buka Dashboard blogger kemudian pilih Tema > Klik tombol Edit HTML dan tambahkan kode di bawah ini tepat di bawah <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'/>

Setelah ditambahkan, Simpan tema.

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, nanti cek kembali situsnya di GTMetrix atau Google PageSpeed Insights

Itulah salah satu cara mempercepat loading blog sobat, dengan memiliki kecepatan blog yang baik maka akan dapat menambah trafik blog.

Demikian Cara Mengatasi Leverage Browser Caching di Blogger, semoga bermanfaat. Wassalam.
Portal Bola Online

Related Post

Portal Bola Online
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

Subscribe Our Newsletter

Notifications

Disqus Logo