Tarayıcı Önbellekleme Nedir?

Tarayıcı önbellekleme, sitenizdeki dosyaları sitenizi ziyaret eden kullanıcının bilgisayarına kaydeder ve bir sonraki ziyarette çerezler diye adlandırılan klasörden çıkararak kullanıcıya sunar.

Sitenize hız kazandırmak için yapacağınız en önemli işlemlerden birisi de tarayıcı önbelleklemeyi etkin hale getirmenizdir. Tarayıcı önbellekleme, daha önce sitenizi ziyaret etmiş kullanıcıların her seferinde aynı resim dosyalarını sunucunuzdan çekmesini önleyerek mevcut dosyaları ilk ziyaretinden sonra ön bellekten gösterime sunar. Bu sayede siteniz hızlı açılır ve dolaylı olarak sıralamanızı etkiler. Sunucunuzdaki aylık trafik kotanız rahatlar. Ziyaretçiler sitenizi daha hızlı gezer ve memnun kalır.

Tarayıcı önbellekleme sayesinde %50 sayfa hızına sahip siteniz %80 oranlarına kadar çıkabilmektedir. İşlem öncesi ve sonrası aradaki farkı Google Page Speed sayfasından test edebilirsiniz.

Tarayıcı ön belleği aktif hale getirmek için .htaccess dosyanıza aşağıdaki kodları ilave etmeniz gerekmektedir.

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