Web programmer pasti sering mendengar istilah browser cache atau internet cache. Browser cache ialah penyimpanan dalam browser yang dibuat agar browser bisa memuat halaman web lebih cepat dari seharusnya.
Pengguna menjelajah web dengan mengunjungi halaman yang berbeda-beda, normalnya, semua komponen halaman web dimuat dari server. Jika komponen-komponen web ini ukurannya kecil mungkin proses memuat halaman web tidak akan lama, lalu bagaimana jika yang dimuat ialah gambar-gambar berkualitas tinggi?
Untuk mempercepat pemuatan halaman web, maka dibutuhkan cache. Dengan cache, sebagian komponen halaman web bisa disimpan di cache, yakni di penyimpanan local di hard drive komputer milik pengguna. Browser cache berisi komponen-komponen web yang pernah dilihat atau didownload, dan biasanya komponen yang disimpan ialah komponen atau aset statis. Cache bisa menyimpan komponen seperti:
- Image
- HTML
- CSS
- JavaScript
Cache bisa digunakan di kali kedua pengguna mengunjungi halaman. Ketika suatu komponen halaman ada di cache, browser bisa memuatnya dari cache (penyimpanan local pengguna) sehingga pemuatan halaman lebih cepat, tak peduli seberapa cepat kecepatan internetmu, memuat sesuatu dari penyimpanan local akan terasa lebih cepat dibandingkan memuatnya dari server.
Terkadang ada situasi dimana menghapus cache dianjurkan. Misal ketika web yang kamu kunjungi atau web yang sedang kamu kembangkan perlu mengganti logo. Ketika logo selesai diubah, tampilan halaman web masih memuat logo lama. Biasanya ini adalah masalah caching.
Dengan menekan F5 atau klik tombol refresh tidak akan cukup, solusinya ialah dengan langsung menghapus cache di browser dengan pergi ke pengaturan atau menggunakan Hard Refresh.
Hard refresh ialah suatu cara untuk membersihkan cache di browser untuk suatu halaman tertentu. Setelah dilakukan hard refresh, halaman web akan benar-benar menampilkan versi terbarunya.
Untuk melakukan Hard Refresh di Google Chrome atau Mozilla Firefox bisa dicoba dengan cara menekan Ctrl + F5 atau Ctrl + Shift + R atau Ctrl dan klik tombol Reload.
Untuk Google Chrome bisa juga dengan cara membuka Developer Tools dengan cara tekan F12. Setelah Developer Tools terbuka, klik kanan tombol Reload dan akan muncul drop down berisi pilihan untuk melakukan Hard Refresh.
Referensi:
https://www.bigcommerce.com/…/what-browser-cache-and-why-i…/
https://www.refreshyourcache.com/en/home/
https://www.refreshyourcache.com/en/cache/
https://www.namecheap.com/…/how-to-do-a-hard-refresh-in-chr…
https://support.google.com/chrome/thread/16531954?hl=en
