Leverage Browser Caching

Leverage Browser Caching yöntemin kullanıcı tarafından veya .htaccess dosyasındaki Apache mod_expires modülünün etkinleştirilmesiyle ele alındığı anlamına gelir.

Bir kullanıcı bir web sayfasına eriştiğinde, sayfanın düzgün bir şekilde oluşturulmasını sağlamak için o sayfadaki tüm dosyaları web tarayıcısı üzerinden indirmesi gerekir. Bu sayfada çok sayıda eleman bulunduğunda veya bazı elemanların büyük olduğu durumlarda bu sorun yaratabilir.

Leverage Browser Caching Nasıl Çalışır

Leverage Browser Caching (Tarayıcı önbelleği), kullanıcının web tarayıcısının sayfa hakkındaki bilgilerin bir kısmını önceden tanımlanmış bir süre boyunca tutmasını sağlar. Kullanıcı aynı sayfayı yüklediğinde bir sonraki örnek, zaten tarayıcısının önbelleğinde bulunan öğeleri yüklemek zorunda kalmayacak. Tabii ki, kullanıcının web sitenizdeki her şeyi önbelleğe almasını veya sonsuza dek önbelleğe almasını sağlayamazsınız. Çok kısa veya önbellekleme gerektirmeyen dinamik dosyalar var. Web sitesi arka plan görüntüleri veya web sitesi logosu gibi statik içerikler, web sitesinin kullanım ömründe birkaç defadan fazla değişmeyecek dosyalardır. Bu dosyaları, kullanıcının tarayıcısında çok uzun bir süre (1 yıl) önbellek yapacak şekilde yapılandırabilirsiniz.

Tarayıcı önbelleği, aşağıdaki Avantajları sağlar:

  • Daha az sayfa yükleme süresi
  • Birçok kullanıcı içeriğinizi önbelleğe aldıysa daha az bant genişliği kullanılır.

Expires HTTP başlıkları nasıl ayarlanır

Mod_expires modülü, Expires HTTP başlığının ayarlarını ve HTTP istekleri tarafından çağrıldığında Cache-Control HTTP başlığının maksimum yaş direktifini kontrol eder.

Dosya uzantılarının (jpeg|png|gif|js|css|swf|ico|woff|mp3) erişildikten 10 gün sonra önbellek süresini ayarlamak istiyorsanız .htaccess dosyasına eklemeniz gerekir.

İlginizi çekebilir: Enable Gzip Compression

Kod bloğu:

<ifmodule mod_expires.c>
<Filesmatch "\.(jpg|jpeg|png|gif|js|css|swf|ico|woff|mp3)$">
ExpiresActive on
ExpiresDefault "access plus 10 days"
</Filesmatch>
</ifmodule>

Yalnızca 1 tür dosyayı değiştirmek istiyorsanız, web sitenizdeki resimlerin erişildikten 4 ay ve 2 gün sonra önbellekleneceklerini söyleyelim.

<ifmodule mod_expires.c>
ExpiresByType image/png "access plus 4 months 2 days"
</ifmodule>

Expires başlığını ayarlarken bu parametreleri kullanabilirsiniz:

  • y – years
  • mo – months
  • w – weeks
  • d – days
  • h – hours
  • mi – minutes
  • s – second

Leverage Browser Caching (NGINX)

location ~* \.(jpg|jpeg|png|gif|ico|css|js|pdf|svg)$ {
expires 365d;
}
location ~* \.(pdf|html|swf)$ {
expires 90d;
}

Add Cache-Control Headers (NGINX)

location ~* \.(jpg|jpeg|png|gif|ico|css|js|pdf|svg)$ {
expires 90d;
add_header Cache-Control "public, no-transform";
}

NGINX Sunucusunda birden fazla web siteniz varsa. Bir xyz.conf dosyası oluşturmanızı ve yukarıda belirtilen kodu eklemenizi öneririm. Bu dosyayı /etc/nginx/sites-available/xyz.conf klasörüne kaydedin.

Düzenlemeden sonra Nginx sunucusunu yeniden yükleyin.

Leverage Browser Caching için Eklenti kullanmanızı önermem, çünkü her eklenti WordPress sitenizde ekstra bir yük oluşturur. Sadece .htaccess dosyanıza yukarıdaki kodu ekleyin.

Yorum Gönderin

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir