Tarayıcı Önbelleği (Cache-Control) Nasıl Ayarlanır?

Okuma süresi: 2 dk

Kısa yanıt: CSS, JS, görsel ve font dosyaları için uzun süreli tarayıcı önbelleği tanımlayın: .htaccess’te mod_expires ile ExpiresByType image/webp “access plus 1 year” gibi kurallar ekleyin veya Nginx’te expires 1y; kullanın. HTML sayfaları için kısa süre veya no-cache tercih edin ki içerik güncellemeleri hemen görünsün.

Bu rehber kimin için: Site hızını iyileştirenler · Gereken süre: 15 dakika · Seviye: Orta

Tarayıcı önbelleği, tekrar ziyaret eden kullanıcıların logo, CSS ve JavaScript dosyalarını yeniden indirmesini önler. PageSpeed Insights’ta “Use efficient cache lifetimes” (verimli önbellek süreleri) öngörüsü bu ayarın eksik olduğunu gösterir; eski raporlarda aynı uyarı “Statik öğeleri verimli bir önbellek politikasıyla sunun” adıyla görünürdü. WordPress gibi sistemler dosya adresine sürüm parametresi (ör. style.css?ver=1.4) eklediği için uzun önbellek süreleri güvenlidir; dosya değiştiğinde adres de değişir.

.htaccess ile ayarlama

Yedek alın: .htaccess düzenleme öncesinde dosyanın kopyasını kaydedin.
Blok ekleyin: IfModule mod_expires.c içine ExpiresActive On satırını yazın.
Görseller: ExpiresByType image/webp, image/jpeg, image/png ve image/svg+xml için “access plus 1 year”.
CSS ve JS: ExpiresByType text/css ve application/javascript için “access plus 1 year”.
Fontlar: ExpiresByType font/woff2 için “access plus 1 year”.
HTML: ExpiresByType text/html için “access plus 0 seconds” veya kısa bir süre.
Kontrol edin: HTTP header kontrol ile bir görsel adresinin cache-control: max-age değerini görün.

Nginx ve eklenti seçenekleri

VPS’te location ~* \.(css|js|webp|avif|jpg|png|svg|woff2)$ bloğu içinde expires 1y; ve add_header Cache-Control "public"; satırlarını kullanın. LiteSpeed Cache kullanıyorsanız Önbellek › Tarayıcı sekmesindeki tek ayar aynı kuralları ekler; elle kural eklemeye gerek kalmaz (LiteSpeed Cache kurulumu).

Hâlâ çözülmediyse

Sürüm parametresi olmayan özel dosyalarınızı değiştirdiğinizde ziyaretçiler eski sürümü görebilir; dosya adını değiştirin veya ?v=2 ekleyin. Sıkıştırma için Gzip ve Brotli rehberine, hazır kurallar için .htaccess oluşturucu aracımıza bakın. Bu ayarlar tüm web hosting paketlerimizde kullanılabilir.

Sık sorulan sorular

Tarayıcı önbelleği ile sayfa önbelleği farkı nedir?

Sayfa önbelleği sunucuda, tarayıcı önbelleği ziyaretçinin cihazında tutulur.

Üçüncü taraf dosyalar için ayarlayabilir miyim?

Hayır; Google Analytics gibi harici dosyaların önbellek süresini o servis belirler.

İlgili rehberler

Bu rehber işinize yaradı mı?