Htaccess ile tarayıcı önbelleğini (cache) kullanmak ve siteyi hızlandırmak

Arif Ceylan/ Nisan 29, 2013/ Web Tasarım Genel Bilgiler/ 3 comments

Htaccess kullanarak tarayıcı önbelleğini istediğimiz bölümlerde kullandırmak mümkündür. Böylece sitemizde ilk seferde yüklenen bazı css, js, img(resim), html dosyaları önbelleğe alınacak ve bir sonraki yüklemede tarayıcının ön belleğini kullanacaktır. Bu sayede hem sayfalar daha hızlı görüntülenecek, hem de sunucudaki yük biraz azalacaltır.

Htaccess dosyasına eklememiz gereken kod aşağıdadır. (Not: htaccess dosyası her sunucuda bulunmamaktadır, php desteği varsa, linux sunucuysa vs. genelde htaccess dosyası bulunmaktadı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>

Gelen arama terimleri:

• browser cache özelliğini kullanma
• android web browser nbellek silme
• htaccess cache