Zeki Can - WordPress

  Wordpress

Tarayıcı Önbellekleme Özelliği

Website sahiplerinin en çok dikkat etmesi gereken şeylerden biride site hızlarıdır. Site hızınızın yavaş olması sitenize gelen ziyaretçiler için büyük önem taşır. Düşünsenize bir siteye giriyorsunuz yazının devamını okumak istiyorsunuz devamını okuya tıklıyorsunuz ama açılana kadar epey süre geçiyor. Bide şöyle düşünün sitede tıklar tıklamaz istediğiniz ekrana geliyor. Hangisi kullanıcılar için daha ergonomik bunu dile getirmeye gerek yok sanırım.
Site hızınızı daha önce ölçmeyen yoktur. Ama hiç ölçmeyen varsa da ya burdan google page speed’ten ya da burdan gtmetrix’ten site hızlarını ölçüp değerleri inceleyebilirler.

Site hızınızı ölçtüğünüzde eğer tarayıcı ön bellekleme özelliğini kullanmıyorsanız tarayıcı ön bellekleme özelliğini kullanın diye bir öneri alacaksınız. Bugün tarayıcı önbellekleme özelliğini htacces dosyanızda yapacağınız değişiklikle aktif hale nasıl getirileceğine değineceğim.

Tarayıcı önbellekleme özelliğini aktif hale getirince sitemize ziyaretçiler ilk seferde girdiklerinde yüklenen css kodlarımız, javascript kodlarımız, resimlerimiz, html dosyalarımız tarayıcıda ön belleğe alınacak ve ziyaretçi bir sonraki ziyaretinde bu önbellekten kullanılacak bu bilgiler ve bu sayede sitemiz hızlı açılacak. Hem de sunucumuzda ki yük hafifleyecek. Tarayıcı önbellekleme cache ismiylede anılır bunu da burada belirtmeden geçmeyelim.

Kodları Siteme Eklemeden Önce Değerlerim

Öncelikle FileZilla programınızı ya da sizin kullandığınız bir ftp programını açalım.
Eğer FileZilla kullanımı hakkında bir bilginiz yok ise FileZilla Nedir Nasıl Kullanılır ? adlı yazımı inceleyebilirsiniz.
/public_html  bölümünden .htacces  dosyasını bulup göster/düzenle diyip açalım.
Alttaki kodları htacces dosyamızın içine yapıştıralım.

Bu kodları yapıştırdıktan sonra kaydet deyip kapatalım. Sonrasında gtmetrix yada google page speed‘e girelim ve tarayıcı ön bellekleme uyarısı alıyor muyuz bakalım. Bu işlemlerden sonra tarayıcı ön bellekleme işleminiz başarılı bir şekilde gözükecektir.
Unutmadan söylemek isterim ki bu kodları yapıştıracağınız htacces dosyası her sunucuda bulunmamaktadır. Linux sunucularda, php desteği varsa vb. durumlarda htacces dosyanız vardır.

# 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>

  Benzer Yazılar

  Yorumlar

  Kategoriler

  Arama Yap

  Son yorumlar