Eğer bir website sahibi iseniz ve websitenizi daha önce site performansını ölçen sitelerde (YSlow, PageSpeed, GTMetrix vb.)  test etmiş iseniz şu cümleyi mutlaka görmüşsünüzdür: Leverage browser caching.

Bu yazımda sizlere bu uyarı hakkında biraz bilgi verdikten sonra nasıl kurtulabileceğinizi anlatacağım.

Browser Caching Nedir?

Browser Caching (Tarayıcı Önbellekleme) kısaca** **sitenizi ziyaret eden kullanıcının bilgisayarına sitenin statik dosyalarının (css, javascript gibi) kaydedilmesi ve kullanıcı siteyi tekrar ziyaret ettiğinde bu dosyaların çağrılarak yükleme süresinin kısaltılması işlemidir.

.htaccess Tarayıcı Önbellekleme Kodları

Aşağıdaki kodları .htaccess dosyanıza eklediğinizde tarayıcı önbellekleme özelliğini aktif etmiş olacaksınız.

Açıklamak gerekirse sitenizi ilk defa ziyaret eden biri site dosyalarını indirecek, kullanıcının tarayıcısı bunları aşağıda belirtilen süre kadar önbellekte tutatacak. Örneğin javascript dosyaları 1 ay boyunca bir daha indirilmeyecek önbellekten çağrılacak, bir ay sonunda önbellek yenilenecektir. Süreleri siz kendi sitenizin yenilenme sıklığına göre düzenleyebilirsiniz.

.htaccess dosyasına eklenecek kodlar

<IfModule mod_expires.c>
ExpiresActive On
ExpiresByType image/jpg "access 1 year"
ExpiresByType image/jpeg "access 1 year"
ExpiresByType image/gif "access 1 year"
ExpiresByType image/png "access 1 year"
ExpiresByType text/css "access 1 month"
ExpiresByType text/html "access 1 month"
ExpiresByType application/pdf "access 1 month"
ExpiresByType text/x-javascript "access 1 month"
ExpiresByType application/x-shockwave-flash "access 1 month"
ExpiresByType image/x-icon "access 1 year"
ExpiresDefault "access 1 month"
</IfModule>