Cara Meningkatkan Kecepatan Blog dengan Mengatasi Leverage Browser Caching

Mengatasi Leverage Browser Caching Blog

Pada saat kalian membuka sebuah halaman blog, pertama kali browser akan men-download semua jenis konten seperti HTML, CSS, JavaScript, maupun gambar.

Dengan memuat sebuah halaman blog yang berat untuk di load bisa saja penggunanya menjadi kurang nyaman, jika kalian memiliki koneksi internet yang lambat apalagi menggunakan handphone.

Semua jenis file akan memuat seluruh permintaan tersendiri ke masing-masing server dan hasilnya adalah lebih banyak permintaan yang diterima oleh server pada waktu yang sama. Maka daripada itu, semakin banyak hal yang harus dilakukannya yang berpotensi mengakibatkan halaman tersebut lambat bahkan down pada saat dibuka.

Cache/Caching pada browser bisa membantu untuk menyimpan seluruh file secara lokal di browser penggunanya.

Saat mengunjungi sebuah blog untuk pertama kali, waktu load akan sama seperti biasanya, namun saat penggunanya yang sama membuka kembali blog tersebut atau me-refreshnya dan bahkan saat membuka halaman yang lain pada website tersebut, pengguna tersebut sudah memiliki beberapa file yang tersimpan di komputer maupun di handphone penggunanya.

Jadi bisa dikatakan, pada browser pengguna hanya perlu men-download data sedikit saja dan mengirimkan kembali permintaan yang juga lebih sedikit ke server. Dan hasilnya waktu load halaman menjadi sedikit lebih cepat dari awalnya.

Masalah ini yang sering muncul pada saat kita mengecek kecepatan blog melalui alat GTMetrix, WebPageTest, ataupun Google PageSpeed Insights.

Itulah sebabnya leverage browser caching juga merupakan salah satu faktor penentu kecepatan loading blog, semakin cepat loading blog maka trafik blog kemungkinan besar akan semakin tinggi.

Contoh dari leverage browser caching seperti gambar di bawah ini saat saya cek situs jarsum.com ini di Google PageSpeed Insights.

Leverage Browser Caching

Bahasa sederhananya Leverage browser caching hanya berfungsi untuk mengatur tanggal kadaluarsa atau usia maksimal header HTTP/HTTPS yang berkaitan secara langsung dengan sumber kode seperti yang saya jelaskan diatas tadi.

Cara Mengatasi Leverage Browser Caching di Blogger


Untuk mengatasi leverage browser caching di blogger, cukup klik Tema > Edit HTML dan tambahkan kode di bawah ini tepat di bawah <head>

<!-- Leverage Browser Caching -->
<include expiration='7d' path='*.css'></include>
<include expiration='7d' path='*.js'></include>
<include expiration='3d' path='*.gif'></include>
<include expiration='3d' path='*.jpeg'></include>
<include expiration='3d' path='*.jpg'></include>
<include expiration='3d' path='*.png'></include>

Setelah kalian telah memasang kode tersebut, silahkan klik Simpan tema untuk menyelesaikan prosesnya.

Bagi kalian pengguna blog WordPress bisa menggunakan kode dibawah ini. Dengan mengakses file .htaccess.

Prosesnya sangat sederhana. Cukup tambahkan kode berikut ini ke file .htaccess kalian yang berada pada public_html yang di gunakan pada saat meng-hosting web WordPress kalian.

Selebihnya kalian mengenai hal tersebuut mengenai tutorialnya, nanti kita bahas di artikel selanjutnya bisa kalian tanyakan tempat kalian menyewa hosting.

Kode seperti 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 7 days"
</IfModule>
## EXPIRES CACHING ##

Perlu kalian ingat bahwa tak semua hal yang kalian lakukan selalu saja instan, begitu juga dengan cara ini. Setidaknya membutuhkan waktu kurang lebih satu minggu setelah pemasangan kode tersebut, nanti setelah waktu tersebut selesaii, silahkan cek kembali situsnya di GTMetrix, WebPageTest, ataupun Google PageSpeed Insights.

Sebagai kesimpulan dalam panduan singkat ini, setidaknya kita telah mengetahui tentang bagaimana cara meningkatkan kecepatan blog kalian dengan mengaktifkan browser caching.

Demikianlah cara yang dapat saya sampaikan kurang lebihnya kata yang saya sampaikan mohon di maafkan. Sekian, dan semoga bermanfaat.

Referensi

https://www.hostinger.co.id/tutorial/meningkatkan-performa-website-leverage-browser-cache/
https://www.arlinadzgn.com/2018/01/cara.mengatasi.leverage.browser.caching.di.blogger.html

Posting Komentar untuk "Cara Meningkatkan Kecepatan Blog dengan Mengatasi Leverage Browser Caching"

Komentar akan dipublikasikan setelah ditinjau oleh Moderator, sebelum itu baca dahulu aturan-aturan dalam berkomentar di Web ini *

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel