Blog

Home   /   blog   /   Optimasi Web dengan Browser Caching

Optimasi Web dengan Browser Caching

Salah satu cara untuk mengoptimalkan web dan mempercepat aksesnya adalah dengan menggunakan browser caching. Dengan menggunakan browser caching ini akan mengurangi request http pada pengguna yang telah mengunjungi web kita. Pada saat pertama kali web kita diakses, browser akan menyimpan gambar, file css, file javscript dan lain-lain. Biasanya proses ini akan berlangsung terus ketika web kita diakses.

Nah dengan browser caching ini kita dapat mengatur expire header, yang dapat menentukan berapa lama gambar, file css, file javascript dan lain-lain disimpan dalam sebuah browser. Dengan pengaturan ini, browser tidak perlu lagi mendownload gambar, file css, file javascript dan lain-lain karena sudah tersimpan dalam cache browser sesuai dengan lama yang kita atur, misalnya 1 bulan.

Untuk dapat optimasi web dengan browser caching, lakukan langkah berikut ini:

Pertama, Buka Cpanel -> File Manager, muncul popup box, pada Root Option centang “Show Hidden Files”

Kedua, Cari file .htaccess atau kalau belum ada, buat file dengan nama .htaccess

Ketiga, tambahkan script berikut ke dalam 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 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 2 days"
</IfModule>
## EXPIRES CACHING ##
Dengan menggunakan script diatas, file web kita (seperti gambar, CSS, PDF, JS dan lain-lain) akan tersimpan dalam cache browser sehingga pada akses berikutnya waktu loading web akan lebih cepat.

2 thoughts on “Optimasi Web dengan Browser Caching

Leave a Reply

Your email address will not be published. Required fields are marked *