Browser caching adalah teknik optimasi web yang membuat browser pengunjung menyimpan file statis (gambar, CSS, JavaScript, font) secara lokal, sehingga kunjungan berikutnya tidak perlu mengunduh ulang file yang sama. Ini mengurangi jumlah HTTP request dan mempercepat waktu muat halaman — salah satu faktor yang juga dipakai Google dalam penilaian Core Web Vitals.

Cara mengaturnya tergantung web server yang dipakai. Berikut dua pendekatan paling umum.

1. Apache (via .htaccess) — untuk shared hosting/cPanel

Buka File Manager di cPanel, aktifkan “Show Hidden Files”, lalu edit atau buat file .htaccess di root website. Tambahkan:

<IfModule mod_expires.c>
    ExpiresActive On
    ExpiresByType image/jpeg "access plus 1 year"
    ExpiresByType image/png "access plus 1 year"
    ExpiresByType image/webp "access plus 1 year"
    ExpiresByType image/svg+xml "access plus 1 year"
    ExpiresByType text/css "access plus 1 month"
    ExpiresByType application/javascript "access plus 1 month"
    ExpiresByType application/pdf "access plus 1 month"
    ExpiresDefault "access plus 2 days"
</IfModule>

<IfModule mod_headers.c>
    <FilesMatch "\.(jpg|jpeg|png|gif|webp|svg|css|js|woff2)$">
        Header set Cache-Control "public, max-age=2592000"
    </FilesMatch>
</IfModule>

Catatan: text/x-javascript pada konfigurasi lama sudah digantikan MIME type application/javascript di browser modern.

2. Nginx — untuk VPS/server sendiri

Jika situs berjalan di Nginx (bukan Apache), aturan setara ditulis di file konfigurasi server block, bukan .htaccess (Nginx tidak membaca file itu). Contoh:

location ~* \.(jpg|jpeg|png|gif|webp|svg|ico)$ {
    expires 30d;
    add_header Cache-Control "public, max-age=2592000";
}

location ~* \.(css|js)$ {
    expires 30d;
    add_header Cache-Control "public, max-age=2592000";
}

Simpan lalu reload konfigurasi: sudo nginx -t && sudo systemctl reload nginx.

Verifikasi

Buka DevTools browser (F12) tab Network, muat ulang halaman, lalu periksa response header Cache-Control dan Expires pada file gambar/CSS/JS. Atau gunakan PageSpeed Insights untuk konfirmasi rule “Serve static assets with an efficient cache policy” sudah lolos.

Optimasi performa web (caching, minifikasi, CDN) dibahas praktik langsung di Kursus SEO Website Edusoft Center.

Direview oleh Komarudin Syarif — Trainer Edusoft Center.
Terakhir diperbarui: 11 Agustus 2026.