Menggunakan Cache Browser (Leverage Browser Caching)

Daftar Isi

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

Jadi yang dimaksud dengan LEVERAGE BROWSER CACHING adalah memberikan instruksi pada browser anda tentang bagaimana cara memperlakukan setiap jenis file di dalam halaman web anda.

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

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

Inilah yang membuat waktu muat halaman pertama lebih lama dari waktu muat saat membuka halaman lainnya dari website yang sama. Jadi menggunakan cache akan mempercepat waktu muat dari pengunjung berulang di website anda.

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

Anda bisa 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 mudah untuk membuat website anda menggunakan cache pada browser adalah 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 lalu klik kanan dan pilih edit
• Masukkan kode berikut ini di bagian atas dari file .htaccess

## EXPIRES CACHING ##

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"

## EXPIRES CACHING ##

• Kalau sudah simpan perubahan....

Kalau ini dilakukan dengan benar seharusnya sudah tidak ada masalah 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 bisa saja memuat versi cache meskipun anda sudah melakukan update.

Hati-hati menggunakan sistem cache pada website yang memakai script interaktif seperti keranjang belanja, karena bisa jadi browser akan memuat perhitungan yang ada di cache dan bukan perhitungan yang benar.

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