CDN ve önbellek: görsel güncellemesinden sonra kullanıcıların eski görsel görmesi
Tarayıcı ve CDN önbelleğinde kalan eski görselleri tespit etme; sürüm parametresi, dosya adı ve başlıklar.
Giriş
Doğru dosyayı sunucuya koyduğunuz halde kullanıcı eski görseli görebilir; sebep genelde CDN veya tarayıcı önbelleğinin aynı URL için önceki yanıtı sunmasıdır. Bu, dağıtım hatası değil, önbellek tasarımının doğal sonucu olabilir. Katmanları, pratik çözümleri ve yayın sonrası doğrulamayı burada özetliyoruz.
Bu serinin önceki yazıları: Lazy loading ve LCP · Görsel site haritası · OG önbellek.
Nerede “kilitlenir”?
| Katman | Ne olur? |
|---|---|
| Tarayıcı | Uzun max-age ile hero.jpg günlerce yenilenmez |
| CDN uçları | Aynı yol için eski içerik; bölgeye göre farklı POP |
| Ters vekil | Origin önünde ek önbellek |
Sosyal önizlemeler (Open Graph) ayrı önbelleğe alınır; paylaşımda eski görsel için OG önbellek yazısına bakın.
Çözümler
- Dosya adını değiştirin:
hero-v2.jpgyeni URL ile en güvenilir yöntemdir. - Sorgu dizesi:
?v=20260420— CDN’in sorgu ile anahtarladığını doğrulayın. - Cache-Control / purge: TTL kısaltma veya yol bazlı temizleme; örnek için Cloudflare önbellek dokümantasyonu.
- Derlemede hash:
hero.a1b2c3.jpggibi çıktılar hem performans hem güvenli güncelleme sağlar.
LCP ile ilişki
Eski hero yüklenirse LCP iyileşmesini beklerken ölçüm yanıltıcı olabilir. Yayın sonrası gizli pencerede ve mümkünse farklı ağdan test edin.
Süreç
Toplu yeniden boyutlandırma ve e-ticaret toplu iş akışı ile dosya adı sürümlemesini standartlaştırın.
İngilizce paralel
Aynı konunun İngilizce özeti: CDN cache: stale images after deploy.
Sonuç
Önbellek hız için vardır; güncel görsel için URL stratejisi veya purge yayının parçası olmalıdır.