Clear Cache Javascript In Browser

MUAZHAN

5 min read

·

Jun 18, 2024

33

Share

Cara Menghapus Cache JavaScript di Browser

Cache browser adalah mekanisme yang membantu mempercepat proses loading halaman web dengan menyimpan data seperti gambar, skrip, dan style sheet di komputer pengguna. Walaupun cache umumnya bermanfaat, terkadang bisa menyebabkan masalah, seperti menampilkan versi lama dari suatu halaman web atau ketika skrip JavaScript Anda diubah tetapi pengguna masih melihat versi yang lama.

Dalam kasus ini, Anda perlu membersihkan cache browser untuk memastikan bahwa pengguna melihat versi terbaru dari website Anda. Berikut beberapa cara untuk menghapus cache JavaScript di browser:

1. Menghapus Cache melalui Browser

Setiap browser memiliki cara berbeda untuk menghapus cache. Berikut adalah panduan umum untuk menghapus cache di beberapa browser populer:

Chrome dan Chromium:

1. Buka menu Settings (tiga titik vertikal di pojok kanan atas).
2. Pilih More tools > Clear browsing data.
3. Pada tab Basic, pilih Cached images and files.
4. Pilih rentang waktu yang ingin Anda hapus cache-nya (misalnya, last hour, last day, dll.).
5. Klik Clear data.

Firefox:

1. Buka menu Options (tiga garis horizontal di pojok kanan atas).
2. Pilih Privacy & Security.
3. Di bagian Cookies and Site Data, klik Clear Data.
4. Pilih Cached Web Content.
5. Klik Clear Now.

Safari:

1. Buka menu Safari (di bagian atas layar).
2. Pilih Preferences.
3. Pilih tab Advanced.
4. Centang Show Develop menu in menu bar.
5. Tutup jendela Preferences.
6. Di menu bar, pilih Develop > Empty Caches.

Microsoft Edge:

1. Buka menu Settings (tiga titik horizontal di pojok kanan atas).
2. Pilih Privacy, search, and services.
3. Di bagian Clear browsing data, klik Choose what to clear.
4. Pilih Cached images and files.
5. Pilih rentang waktu yang ingin Anda hapus cache-nya.
6. Klik Clear now.

Opera:

1. Buka menu Settings (tiga titik horizontal di pojok kiri bawah).
2. Pilih Privacy & Security.
3. Di bagian Clear browsing data, klik Clear data.
4. Pilih Cached images and files.
5. Pilih rentang waktu yang ingin Anda hapus cache-nya.
6. Klik Clear data.

2. Menambahkan Parameter Cache-Busting

Metode ini melibatkan menambahkan parameter acak ke URL file JavaScript untuk memaksa browser memuat versi terbaru. Contohnya, Anda dapat menambahkan timestamp ke URL file JavaScript:

Setiap kali Anda mengubah file JavaScript, update timestamp-nya untuk memaksa browser memuat versi baru.

3. Menentukan Header Cache-Control

Anda dapat menggunakan header Cache-Control di server untuk menentukan kebijakan cache untuk file JavaScript Anda. Berikut beberapa contoh:

• Cache-Control: no-cache: Memberitahu browser untuk tidak meng-cache file.
• Cache-Control: no-store: Memberitahu browser untuk tidak menyimpan file di cache.
• Cache-Control: must-revalidate: Memberitahu browser untuk memvalidasi cache dengan server sebelum menggunakannya.

Dengan menentukan header Cache-Control yang tepat, Anda dapat memastikan bahwa browser selalu memuat versi terbaru dari file JavaScript Anda.

Kesimpulan

Menghapus cache JavaScript di browser adalah langkah yang diperlukan untuk memastikan bahwa pengguna melihat versi terbaru dari website Anda. Anda dapat memilih metode yang paling sesuai dengan kebutuhan Anda, baik itu menghapus cache secara manual melalui browser, menggunakan parameter cache-busting, atau menentukan header Cache-Control.