Tarayıcı Önbellekleme Nedir ve Neden Önemlidir?

Web sitenizin performansını artırmak ve kullanıcı deneyimini iyileştirmek için tarayıcı önbellekleme kritik bir rol oynar. Ziyaretçilerinizin sitenizi her ziyaretlerinde beklememesi için, web alanınıza ekleyeceğiniz bazı kodlar ile bu süreci optimize edebilirsiniz.

Neden Tarayıcı Önbelleklemesi?

Tarayıcı önbelleklemesi, .jpg, .gif, .png, .css, ve .js gibi dosyaların aşırı kaynak tüketimini önler ve sitenizin yüklenme süresini kısaltır. Eğer Google PageSpeed veya GTmetrix gibi araçlarla yaptığınız testlerde “Tarayıcı önbellekleme özelliğinden yararlanın” uyarısını alıyorsanız, aşağıdaki yöntemlerle sorunu çözebilirsiniz.

Tarayıcı Önbellekleme Nasıl Yapılır?

1. Çözüm: Linux - PHP Siteler İçin

Linux tabanlı bir web sitenizde tarayıcı önbelleklemesini aktifleştirmek için aşağıdaki kodu .htaccess dosyanıza ekleyin:

apache
Kodu kopyala
<IfModule mod_expires.c>
    <FilesMatch "\.(png|jpg|gif|svg|css|js)$">
        ExpiresActive on
        ExpiresDefault "access plus 1 year"
    </FilesMatch>
</IfModule>

2. Çözüm: Ek Kod Ekleme

Eğer yukarıdaki işlemden sonra hala hatalar alıyorsanız, .htaccess dosyanıza aşağıdaki kodu ekleyin:

apache
Kodu kopyala
## EXPIRES CACHING ##
<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 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 2 days"
</IfModule>
## EXPIRES CACHING ##

3. Çözüm: Windows - ISS Siteler İçin

Eğer tarayıcı önbellekleme sorununu Windows tabanlı bir sistemde yaşıyorsanız, aşağıdaki kodu web alanınızdaki dosyaya ekleyin:

xml
Kodu kopyala
<staticContent>
    <clientCache cacheControlCustom="public" cacheControlMode="UseMaxAge" cacheControlMaxAge="500.00:00:00" />
</staticContent>

Ekstra İpuçları

Resimlerinizin boyutlarını optimize etmek için TinyPNG gibi araçlardan yararlanabilirsiniz. Bu tür araçlar, resimlerinizi sıkıştırarak sitenizin daha hızlı yanıt vermesine yardımcı olur.