Home » Tutorial » Pengaturan Cache Control Header Server Apache Dan Nginx Yang Baik

Pengaturan Cache Control Header Server Apache Dan Nginx Yang Baik

Pengaturan-Cache-Control-Header

Pengaturan Cache Control Header Server Apache Dan Nginx Yang Baik – Kamu ingin mengatur cache control header untuk kebutuhan penyimpanan cache statik seperti javascript, gambar, dan CSS.

Penyimpanan cache pada browser digunakan untuk mempercepat akses situs ketika dibuka ulang oleh pengunjung.

Pengaturan Cache Control Header

Pengaturan sedikit berbeda pada Nginx dan Apache, sebelum melakukan pengaturan ini pastikan kamu mengetahui jenis server hostingmu.

Pengaturan Nginx

Silahkan tambahkan kode dibawah dalam konfigurasi virtual host atau buat file konfigurasi baru (ex: cache_content.conf) dan lakukan panggilan pada konfigurasi nginx lainnya.

location ~* ^.+\.(ico|css|js|gif|jpe?g|png|woff|woff2|eot|svg|ttf|webp)$ {
    expires 30d;
    add_header Pragma public;
    add_header Cache-Control "public, must-validate";
}

Kamu juga bisa menambahkan ekstensi lain yang ingin disimpan pada cache browser. Pada kode diatas penyimpanan cache selama 30 hari, bisa diubah waktu tersebut sesuai dengan keinginanmu.

Pengaturan Apache (pada file .htaccess)

Pengaturan ini bisa kamu tambahkan pada file .htaccess yang berada pada root public html

<FilesMatch "\.(ico|css|js|gif|jpe?g|png|woff|woff2|eot|svg|ttf|webp)$">
Header set Cache-Control "max-age=604800, public, no-cache"
</FilesMatch>

Pada kode diatas, lama cache disimpan oleh browser ditulis dalam detik max-age=604800 waktu 604800 detik yang berarti 7 Hari. Kamu bisa mengubahnya sesuai keinginan, namun jangan lupa melakukan konversi waktu ke dalam detik.

Baca juga: Cara Menonaktifkan AMP Pada WordPress Tanpa Mempengaruhi SEO

Sebagai contoh untuk mempermudah:

  • 1 jam: max-age=3600
  • 1 hari: max-age=86400
  • 1 minggu: max-age=604800
  • 1 bulan: max-age=2592000
  • 1 tahun: max-age=31536000

Kamu juga bisa mengubah no-cache dengan must-revalidate kalau kamu ingin mendapatkan nilai yang lebih baik pada tes Google Pagespeed Insights atau GTMetrix.

Komentar disini