Articles - Tarayıcı Önbellekleme Özelliğinden Yararlanın

Tarayıcı önbellekleme özelliğinden yararlanın, Pagespeed sorgu sonuçlarında ekseriyetle bütün site sorgularında karşılaştığımız bi’ uyarı bu. Peki ne demek istiyor Google Pagespeed bize “Tarayıcı önbellekleme özelliğinden yararlanın” şeklinde bir ileti ile ?

Çok açık. Geçtiğimiz günlerde yaptığım paylaşımlarda Google yönergelerine uygun, Kalite Kurallarını dikkate alan web siteleri hazırlamanın ne denli önemli olduğunu ve sıralama konusunda çok ciddi katkıları olduğunu anlatmıştım.

Css Sprite konusundan sonra gün be gün önem kazandığına itimat ettiğim Tarayıcı önbellekleme özelliğini nasıl kullanacaksınız ve ne anlama geliyor?

Tarayıcı önbellekleme özelliği ; Cache sisteminin aktif olmasından başka bi’ şey değil aslında. Kullanıcılarınız sitenize her yeni giriş yaptıklarında, sayfanızda bulunan “image, swf, js” gibi dosyalarınızın “reload” tekrar yüklenmemesini sağlayacak ve sayfa açılış zamanınızı arttırmış olacaksınız. Sanırım en net şekli ile anlatımı bu olur. (:

Bu özelliği aktif hale getirebilmek için bir .htaccess dosyasına ihtiyacınız var. .htaccess ne işe yarar ya da nasıl yaratılır ilgili konuda ufak bir araştırma ile bilgi sahibi olabilirsiniz.

.htaccess dosyasına entegre etmeniz gereken kod betiği :
Kod:
<ifmodule mod_expires.c>
  <filesmatch ".(jpg|gif|png|css|js)$">
       ExpiresActive on
       ExpiresDefault "access plus 1 year"
   </filesmatch>
</ifmodule>

İlgili bağlantıda kodlarda yer alan “js, jpg, png, css, gif, php” gibi dosyalarınızın önbellekleme süresini uzattık. “Return User” yani sitenizin stabil kullanıcıları 2. kez sitenizi açtıklarında bu tarz dosyalarınız “reload” olmayacak ve sayfa açılış zamanınızı minimize etmiş olacaksınız.

Makaleyi dilediğiniz kadar kullanabilirsiniz (; insanların işine yarasın ki yeni yetme “SEO Uzmanları”, “Hacı, hocalar”, milletten analiz ayağına para çarpmasın. ^^

Buğrahan GÜNGÖR

Yukarıdaki Kodların Daha Gelişmiş Hali.
Yanlız dikkat etmeniz gereken birşey var bir resmi veya dosyayı değiştirmek istediğiniz cache süresi dolmadan ilgili resim değişmeyecektir bu denele cerezlerinizi silmeniz gerekmektedir.

Kod:
# Enable GZIP
<ifmodule mod_deflate.c>
AddOutputFilterByType DEFLATE text/text text/html text/plain text/xml text/css application/x-javascript application/javascript
BrowserMatch ^Mozilla/4 gzip-only-text/html
BrowserMatch ^Mozilla/4.0[678] no-gzip
BrowserMatch bMSIE !no-gzip !gzip-only-text/html
</ifmodule>

# Expires Headers - 2678400s = 31 days
<ifmodule mod_expires.c>
  ExpiresActive On
  ExpiresDefault "access plus 2678400 seconds"
  ExpiresByType text/html "access plus 7200 seconds"
  ExpiresByType image/gif "access plus 2678400 seconds"
  ExpiresByType image/jpeg "access plus 2678400 seconds"
  ExpiresByType image/png "access plus 2678400 seconds"
  ExpiresByType text/css "access plus 750000 seconds"
  ExpiresByType text/javascript "access plus 2678400 seconds"
  ExpiresByType application/x-javascript "access plus 2678400 seconds"
</ifmodule>
 
# Cache Headers
<ifmodule mod_headers.c>
  # Cache specified files for 31 days
  <filesmatch ".(ico|flv|jpg|jpeg|png|gif|css|swf)$">
  Header set Cache-Control "max-age=2678400, public"
  </filesmatch>
  # Cache HTML files for a couple hours
  <filesmatch ".(html|htm)$">
  Header set Cache-Control "max-age=7200, private, must-revalidate"
  </filesmatch>
  # Cache PDFs for a day
  <filesmatch ".(pdf)$">
  Header set Cache-Control "max-age=86400, public"
  </filesmatch>
  # Cache Javascripts for 31 days
  <filesmatch ".(js)$">
  Header set Cache-Control "max-age=2678400, private"
  </filesmatch>
</ifmodule> 

Comments: (1)

Çevrimdışı 16 2014-02-09 22:59  
Ön Bellekleme Süreleri:
Kod:
300 5 Dakika
3600 1 Saat
86400 1 Gün
259200 3 Gün
604800 1 Hafta
2419200 1 Ay
29030400 12 Ay