Menggunakan Cache Browser (Leverage Browser Caching)

Kamis, 05 Maret 2020

Bagikan :

Tweet

Apa itu cache pada browser? Browser cache yaitu sistem penyimpanan sementara file-file statis yang dipergunakan pada sebuah halaman web dengan tujuan mempercepat waktu muat halaman web tersebut.

Makara yang dimaksud dengan LEVERAGE BROWSER CACHING yaitu memperlihatkan isyarat pada browser anda ihwal bagaimana cara memperlakukan setiap jenis file di dalam halaman web anda.

Pada ketika anda membuka sebuah halaman web, maka browser anda akan memuat beberapa hal menyerupai logo, CSS, javascript, dll.

Yang dilakukan oleh cache browser yaitu "mengingat" sumberdaya sebuah halaman web yang sudah pernah dimuat oleh broser tersebut. Makara bila pengunjung membuka halaman lainnya, maka browser sudah tidak perlu lagi memuat elemen-elemen dasar dari halaman web anda.

Inilah yang menciptakan waktu muat halaman pertama lebih usang dari waktu muat ketika membuka halaman lainnya dari website yang sama. Makara menggunakan cache akan mempercepat waktu muat dari pengunjung berulang di website anda.

Pastikan anda mengetahui cara menciptakan website memanfaatkan cache pada browser pengguna dengan optimal.

Anda dapat mencari tahu apakah website anda bermasalah di sistem cache browser dengan menggunakan GTMETRIX.

gtmetrix dengan leverage browser caching bermasalah

Cara Menggunakan Cache Browser

Cara paling gampang untuk menciptakan website anda menggunakan cache pada browser yaitu dengan menggunakan file .htaccess pada website anda....

• Jadi silahkan masuk ke cpanel anda dan cari file manager atau pengelola file.
• Masuk ke public_html dan cari file .hataccess kemudian klik kanan dan pilih edit
• Masukkan kode berikut ini di bab atas dari file .htaccess

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

• Kalau sudah simpan perubahan....

Kalau ini dilakukan dengan benar seharusnya sudah tidak ada duduk kasus dengan LEVERAGE BROWSER CACHING untuk website anda.

Perhatian!

Atur waktu caching minimal 1 bulan (1 month) dan maksimal 1 tahun (1 year). Anda juga perlu tahu bahwa menggunakan cache berarti kemungkinannya pengunjung dapat saja memuat versi cache meskipun anda sudah melaksanakan update.

Hati-hati menggunakan sistem cache pada website yang menggunakan script interaktif menyerupai keranjang belanja, alasannya yaitu dapat jadi browser akan memuat perhitungan yang ada di cache dan bukan perhitungan yang benar.

Kalau kesudahannya tidak 100% berarti websitenya menggunakan terlalu banyak sumberdaya dari pihak ketiga, yang diluar kewenangan kita untuk mengatur cache-nya. Tapi biasanya file ini kecil jadi bukan duduk kasus yang serius....

Tag : lainnya