-->

Cara Mengaktifkan Caching Browser

Anda dapat mengkonfigurasi aplikasi sehingga browser akan menyimpan file yang diunduh dari server Anda. Saat sebuah respon di-cache, browser tidak akan meminta file tersebut lagi untuk jangka waktu tertentu. Sebagai gantinya, akan menggunakan file yang sama yang sebelumnya diunduh. Ini dapat mempercepat aplikasi dengan mengurangi waktu yang dibutuhkan browser untuk memuat semua sumber daya yang digunakan halaman, seperti skrip, gambar, dan stylesheet.

Mengaktifkan Caching Browser
Mengaktifkan Caching Browser


Cara Kerja Caching Browser

Caching browser bekerja dengan memiliki respon HTTP termasuk header tambahan yang memberitahukan browser pada waktu dan tanggal dimana respon akan dianggap basi.

Misalnya, header tanggapan seperti:Kedaluwarsa: Kamis, 05 Apr 2063 12:00:00 GMT

Memberitahu browser untuk tidak meminta file tersebut lagi sampai April 2063.

Risiko Browser Caching.

Caching browser memang memiliki kelemahan. Jika Anda mengubah konten halaman, script, stylesheet, atau gambar, pengunjung yang baru saja ke situs Anda mungkin menggunakan versi cache pada kunjungan berikutnya ke situs Anda.

Misalnya, jika Anda mengganti stylesheet namun Anda telah memberi tahu browser untuk mencache versi stylesheet sebelumnya, maka situs web Anda mungkin tampak rusak pada beberapa pengguna karena mereka menggunakan stylesheet lama.

Bila Anda menggunakan caching browser, satu-satunya cara untuk memastikan pengguna melihat versi terbaru dari file yang diubah adalah dengan mengubah nama file. Hati-hati dengan browser caching!

Cara Menggunakan Caching Browser

Anda dapat menambahkan yang berikut ke file .htaccess aplikasi Anda , misalnya, tetapkan perkiraan cache browser default 300 detik dan sisa 3600 detik yang lebih lama untuk file CSS:

ExpiresActive On 
ExpiresDefault A300 
ExpiresByType text / css A3600

Dengan menggunakan sintaks di atas, server web akan menghitung tanggal yang benar untuk header Expires dan akan menambahkan header Expires ke respons.

Untuk informasi lebih lanjut tentang opsi yang tersedia untuk kadaluarsa header, lihat dokumentasi Apache mod_expires .

Author:

Fokusklik.com adalah Blog Tutorial Blogger, CSS, JavaScript, HTML dan Template untuk Blogger