Ne işe yarar?
Önbellek başlıkları, tarayıcıya "bu dosyayı ne kadar süre saklayabilirsin" bilgisini verir. Doğru yapılandırıldığında tekrar ziyaretlerde sayfa çok daha hızlı açılır.
Temel başlıklar
| Başlık | İşlevi |
|---|---|
Cache-Control | Saklama süresi ve kuralları |
ETag | İçerik değişti mi kontrolü |
Last-Modified | Son değişiklik tarihi |
Expires | Geçerlilik sonu (eski yöntem) |
Dosya türüne göre süre
Statik dosyalar (görsel, yazı tipi): uzun süre (aylar)
CSS ve JS (sürümlenmiş): uzun süre
Sayfa dosyaları: kısa süre veya doğrulamalı
Fiyat/stok içeren API yanıtları: önbelleklenmemeli
Sürümleme tekniği
Uzun önbellek süresi ile güncelleme ihtiyacı çelişir. Çözüm, dosya adına sürüm eklemektir:
stil.css?v=3
stil.a7f3c9.css
Dosya değiştiğinde adı da değişir, tarayıcı yeni sürümü indirir. Böylece hem uzun önbellek hem anında güncelleme sağlanır.
SEO ile ilişkisi
- Tekrar ziyaretlerde hız artar
- Sunucu yükü azalır → tarama verimliliği artar
- Core Web Vitals iyileşir
- Bant genişliği maliyeti düşer
Kritik uyarı: dinamik veri
Fiyat, stok ve kişiselleştirilmiş içerik agresif biçimde önbelleklenmemelidir. Aksi hâlde:
- Kullanıcı eski fiyat görür
- Tükenen ürün stokta görünür
- Yapılandırılmış veri ile sayfa tutarsızlaşır
- Feed ile sayfa fiyatı uyuşmaz
Bu, e-ticarette en sık karşılaşılan önbellek sorunudur.
Kontrol yöntemi
Tarayıcı geliştirici araçlarında ağ sekmesini açıp bir kaynağın yanıt başlıklarına bakın. Hız test araçları da eksik önbellek yapılandırmasını doğrudan raporlar.
Kim yapar?
Bu, sunucu veya CDN düzeyinde bir yapılandırmadır. Genellikle tek seferlik kurulur ve uzun süre değişmez — düşük emekli, kalıcı kazanç.
Ne anlama gelir?
Önbellek başlıkları (cache headers), bir tarayıcıya bir kaynağın (görsel, CSS, JS dosyası) ne kadar süre önbellekte (yerel hafızada) saklanabileceğini bildiren HTTP başlıklarıdır. Doğru ayarlanmış önbellek başlıkları, tekrar eden ziyaretlerde kaynakların yeniden indirilmesini önler; böylece sayfalar çok daha hızlı yüklenir. Bu, sayfa hızı optimizasyonunun temel ama sık ihmal edilen araçlarından biridir.
Nasıl çalışır?
- Değişmeyen kaynaklara (logolar, fontlar) uzun önbellek süresi verilir
- Tarayıcı bu kaynakları tekrar indirmeden yerelden kullanır
- Sık değişen kaynaklara kısa süre veya sürüm etiketi uygulanır
Neden önemli?
Önbellek başlıkları özellikle geri dönen ziyaretçiler ve çok sayfalı gezinme için büyük fark yaratır. İyi bir önbellekleme olmadan, kullanıcı her sayfada aynı logoyu, aynı stil dosyasını tekrar tekrar indirir; bu hem yavaşlık hem gereksiz veri tüketimidir. Uzun ömürlü önbellek, bu tekrarları ortadan kaldırır. Değişen bir dosyanın güncellenmesi gerektiğinde ise dosya adına sürüm eklenerek (versiyonlama) hem uzun önbellek hem güncellik bir arada sağlanır. Önbellek başlıkları, düşük çabalı yüksek etkili bir hız kazanımıdır.
Gerçek örnek
Bir site, statik kaynaklarına önbellek başlığı tanımlamamıştı; geri dönen ziyaretçiler her sayfada tüm görselleri ve dosyaları yeniden indiriyordu. Değişmeyen kaynaklara uzun önbellek süresi verildiğinde, tekrar ziyaretlerde sayfalar belirgin biçimde hızlandı.
Özet
Önbellek başlıkları, tarayıcıya kaynakların ne kadar süre yerelde saklanacağını bildirir. Doğru ayarlandığında tekrar eden ziyaretlerde yeniden indirmeyi önler ve sayfaları hızlandırır; değişmeyen kaynaklara uzun süre, değişenlere sürümleme uygulamak en iyi yaklaşımdır.