Tarayıcı önbellekleme özelliği


Yazımız en son 19 Eylül 2015 tarihinde güncellenmiş ve 46 defa okunmuş.

Leverage browser caching, (tarayıcı önbellekleme) nedir? Aslında söylenmek istenen tarayıcının önbellekleme özelliğinden yararlanılması durumu. Hepimizin uzaktan yakından kullandığı sistemlerde gerek özel gerekse hazır olarak kullandığı eklentilerde ‘cache’ sistemini duymuşuzdur, günün belirli saatlerinde boşaltıp sitemizi yenilemeyi unutmadığımız sistem. Aslında sistemimizde bulunan tüm sayfaları html şekliyle kayıt edip php’lerden arındırıp kullanıcılara html arayüzünden aynı fiziksel görünüm altında web sitesini sunması olayıdır. Sitemizin hız ve performans konusunda en önemli kısmı bu sorun içermektedir.

  • Yaklaşık Performans Etkisi : %40
  • Yaklaşık Hız Etkisi : %45

Tarayıcı önbelliğinden yararlanmak için özel sistemler yazdırıp sitenizde kullanabilirsiniz, veya hali hazırda ki kullanıcılar tarafından sunulan önbellekleme eklentilerini kullanabilirsiniz. Fakat öncesinde daha basit bir önbellekleme sistemini kendiniz tasarlayabilmeniz için .htaccess yardımıyla bir kaç işlem yapabilirsiniz. Bu işlemler sisteminizde bulunan resimleri , oyun , video dosyalarını cacheleyerek kullanıcılara yeniden yeniden sunmak yerine tek seferlik sunma imkanı sağlayabilir.

Özel sistem ile yazılmış web siteleri için aşağıda vericeğim kodları .htaccess adında bir dosya oluşturak sitelerinin ana dizinine göndermeleri.

 ## EXPIRES CACHING ## <IfModule mod_expires.c> ExpiresActive On ExpiresByType image/jpg "access 1 year" ExpiresByType image/jpeg "access 1 year" ExpiresByType image/gif "access 1 year" ExpiresByType image/png "access 1 year" ExpiresByType text/css "access 1 month" ExpiresByType text/html "access 1 month" ExpiresByType application/pdf "access 1 month" ExpiresByType text/x-javascript "access 1 month" ExpiresByType application/x-shockwave-flash "access 1 month" ExpiresByType image/x-icon "access 1 year" ExpiresDefault "access 1 month" </IfModule> ## EXPIRES CACHING ## 
 <FilesMatch ".(gif|jpe?g|png|ico|css|js|swf)$"> Header set Cache-Control "max-age=172800, public, must-revalidate" </FilesMatch> 

Bu şekilde eklemeleri yeterli olacaktır.

WordPress kullanıcıları için çözüm

Üstteki metodu aynen kendi sisteminize sizde entegre edebilirsiniz, fakat bazı sunucularda wordpress alt yapısı ile çalışan sistemler bu kodları desteklemediği için sitenizde görsel sorunlar meydana getirebiliyor. Bunun önüne geçmek için daha profesyonel derecede kodlanmış olan eklentileri kullanmanızı öneririm.

Bunu en iyi yapan iki eklenti;

  • Cache Enabler
  • Autoptimize

Aklınıza takılanlar mı var? Bana yazın..