gZip ve Browser Cache ile Sitenizi Hızlandırın


Bir önceki yazımda site performansınızı artırmak için cache sistemi nedir, nasıl kurulur anlatmışken çok daha basit bir yöntem olan gZip ve Browser Cache yöntemine de değinmek istiyorum. gZip sıkıştırma ve ziyaretçilerinizin tarayıcılarında sitenizin belli bir süre ara bellekte kalmasını sağlamak oldukça cache sisteminden de kolay ve oldukça verimli bir yöntemdir. Page speed testlerinde kullanmış olduğunuz yazılımın özellikleri ve sayfa yoğunluna bağlı olarak %30 ile %70 civari bir hız artışı sağlar. Anlatıma geçmeden önce bu düzenleme .htaccess dosyası ile sağlanmakta ve hostinginizde apache kurulu olmalıdır (bir çok hostingde olmasına karşın localde denemek isteyenler için bu notu eklemek istedim).


Sitenize gZip Özelliği Ekleme

Arkadaşlar gZip özelliği bir çok yerde olmassa olmaz bir kriter olarak karşınıza çıkmıştır. Bu özellik basitçe sıkıştırılmış veri trasferi sağlayarak sitenizin çok daha hızlı bir şekilde ziyaretçi ile etkileşimini sağlamaktadır. Bu özelliği sitenize eklemek için sitenizin kurulu olduğu dizinde yoksa bir ".htaccess" dosyası oluşturarak, var ise bir metin editörü yardımıyla açarak aşağıdaki satırları eklemeniz yeterli olacaktı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>

Browser Cache Özelliği Ekleme

Tıpkı bir önceki konuda bahsettiğim gibi sitenizde ziyaretçi tarafından gezilen sayfaların bir kopyasını oluşturarak tekrar bu sayfa ziyaret edildiğinde o sayfanın daha hızlı çalışmasını sağlar. FTP cache den farkı ise oluşturulan sayfalar direk ziyaretçinin bilgisayarında arabellekte belli bir süre kalır. Bilgisayar kullanıcısı daha önce ziyaret ettiği sayfaları tekrar gezmek istediğinde arabellek üzerinden sitenizi görüntüler ve sitenizden ciddi bir yük kalkmış olur. Bu özelliği sitenize eklemek için tıpkı yukarıdaki gibi sitenizin kurulu olduğu dizinde yoksa bir ".htaccess" dosyası oluşturarak, var ise bir metin editörü yardımıyla açarak aşağıdaki satırları eklemeniz yeterli olacaktır.


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

Blog içeriklerinin temel paylaşım amacı o konuyu tartışmaya açmaktır. Sende fikirlerin ile konu hakkında katkıda bulun.
İfadeleri Gösterİfadeleri Gizle