Statik öğeleri verimli bir önbellek politikasıyla yayınlama

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:

Verimli bir önbellek politikası denetimiyle Lighthouse Statik öğeleri sunun'un ekran görüntüsü

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, 203 veya 206 HTTP 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 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. 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:

Boyut sütunu.

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:

  1. İstekler tablosunun Ad sütununun altından isteğin URL'sini tıklayın.
  2. Başlıklar sekmesini tıklayın.
ziyaret edin.
Başlıklar sekmesi aracılığıyla Cache-Control başlığını inceleme
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.

Kaynaklar