HTTP önbelleğe alma, tekrar eden ziyaretlerde sayfanızın yüklenme süresini hızlandırabilir.
Tarayıcı bir kaynak istediğinde kaynağı sağlayan sunucu, tarayıcıya ne kadar süreyle geçici olarak depolaması veya önbelleğe alması gerektiğini belirtir. Bu kaynağa yönelik daha sonraki istekler için tarayıcı, verileri ağdan almak yerine kendi yerel kopyasını kullanır.
Lighthouse önbellek politikası denetimi nasıl başarısız olur?
Lighthouse önbelleğe alınmamış tüm statik kaynakları işaretler:
Lighthouse, bir kaynağı önbelleğe alınabilir olarak kabul eder aşağıdaki koşulların tamamı karşılandığında:
- Kaynak bir yazı tipi, resim, medya dosyası, komut dosyası veya stil sayfası olmalıdır.
- Kaynağın bir
200,203veya206HTTP durum kodu vardır. - Kaynağın açık bir önbelleksiz politikası yok.
Bir sayfa denetimde başarısız olursa Lighthouse, sonuçları üç sütunlu bir tabloda listeler:
| URL | Önbelleğe alınabilir kaynağın konumu |
| TTL'yi önbelleğe al | Kaynağın mevcut önbellek süresi |
| Aktarım Boyutu | İşaretlenen kaynak önbelleğe alınsaydı kullanıcılarınızın kaydedeceği verilere dair bir tahmin |
HTTP önbelleğine almayı kullanarak statik kaynakları önbelleğe alma
Sunucunuzu, Cache-Control HTTP yanıt başlığını döndürecek şekilde yapılandırın:
Cache-Control: max-age=31536000
max-age yönergesi, tarayıcıya kaynağı ne kadar süreyle önbelleğe alması gerektiğini saniye cinsinden bildirir.
Bu örnekte süre, 1 yıla karşılık gelen 31536000 olarak ayarlanmıştır:
60 saniye × 60 dakika × 24 saat × 365 gün = 31536000 saniye.
Sabit öğeleri uzun süre önbelleğe almalısınız. örneğin bir yıl veya daha uzun olabilir.
Kaynak değişir ve güncellik önemliyse no-cache kullanın.
ancak yine de önbelleğe almanın hız avantajlarından
bazılarından faydalanmak istiyorsunuz.
Tarayıcı, no-cache olarak ayarlanmış bir kaynağı önbelleğe almaya devam eder
ancak kaynağın hâlâ güncel olduğundan emin olmak için önce sunucuyla görüşün.
Daha uzun bir önbellek süresi her zaman daha iyi değildir. Sonuç olarak, kaynaklarınız için optimum önbellek süresinin ne olduğuna karar vermek size bağlıdır.
Tarayıcının farklı kaynakları önbelleğe alma şeklini özelleştirmek için birçok yönerge vardır. Kaynakları önbelleğe alma hakkında daha fazla bilgi: HTTP önbelleği: İlk savunma hattınız rehberiniz ve HTTP önbelleğe alma davranışını yapılandırma codelab'i başlıklı makalelere göz atabilirsiniz.
Chrome Geliştirici Araçları'nda önbelleğe alınan yanıtları doğrulama
Tarayıcının önbelleğinden hangi kaynakları aldığını görmek için Chrome Geliştirici Araçları'nda Ağ sekmesini açın:
[yorum]: <> (Aşağıdaki liste web.dev kaynaklı bir kısa koddu, ancak hiçbir dile İngilizceden çevrilmedi.)
1. Geliştirici Araçları'nı açmak için Control+Shift+J (veya Mac'te Command+Option+J) tuşuna basın.
2. Ağ sekmesini tıklayın.
Chrome Geliştirici Araçları'ndaki Boyut sütunu, bir kaynağın önbelleğe alındığını doğrulamanıza yardımcı olabilir:
Chrome, en çok istenen kaynakları çok hızlı olan bellek önbelleğinden sunar. ancak tarayıcı kapatıldığında temizlenir.
Bir kaynağın Cache-Control üstbilgisinin beklendiği gibi ayarlandığını doğrulamak için:
HTTP başlık verilerini kontrol etmek için aşağıdaki adımları uygulayın:
- İstekler tablosunun Ad sütununun altından isteğin URL'sini tıklayın.
- Başlıklar sekmesini tıklayın.
Cache-Control üstbilgisi, Başlıklar sekmesinden inceleniyor.
Gruba özel yönergeler
Drupal
Yönetim > altında Tarayıcı ve proxy önbelleği maksimum yaşı'nı ayarlayın > Yapılandırma > Geliştirme sayfası. Drupal performans kaynaklarına bakın.
Joomla
Önbellek bölümüne bakın.
WordPress
Tarayıcı Önbelleğe Alma bölümünü inceleyin.