Web sitenizin hızını artırmak ve kullanıcı deneyimini iyileştirmek istiyorsanız, tarayıcı önbellekleme (browser caching) konusunu göz ardı etmemelisiniz. Özellikle Google PageSpeed Insights, GTmetrix veya Pingdom gibi araçlarda “Leverage browser caching” uyarısı alıyorsanız, bu yazı tam size göre.
Bu makalede, WordPress sitenizde bu hatanın ne anlama geldiğini, neden oluştuğunu ve adım adım nasıl çözülebileceğini detaylıca ele alacağız.
1. Leverage Browser Caching Nedir?
“Leverage browser caching” ifadesi, tarayıcının siteye ait bazı dosyaları (örneğin CSS, JavaScript, görseller) önbelleğe alarak bir sonraki ziyaretlerde daha hızlı yüklenmesini sağlaması anlamına gelir.
Yani ziyaretçi sitenizi ilk kez açtığında tüm dosyalar sunucudan indirilir. Ancak tarayıcı önbellekleme etkinse, ikinci ziyaretinde bu dosyalar kullanıcının bilgisayarında saklandığı için tekrar indirilmez.
Böylece:
- Sayfa yükleme süresi ciddi şekilde azalır,
- Sunucu yükü düşer,
- SEO puanı yükselir,
- Kullanıcı deneyimi iyileşir.
Kısacası: Google bu uyarıyı, web sitenizin tarayıcı önbellekleme ayarlarını düzgün yapılandırmadığını düşündüğünde verir.
2. Leverage Browser Caching Uyarısının Nedenleri
WordPress sitenizde bu uyarıyı almanızın birkaç yaygın nedeni vardır:
🔹 1. Sunucuda Cache Header Ayarlarının Eksik Olması
Sunucu, tarayıcılara “Bu dosyayı şu kadar süre önbellekte tut” komutu vermezse, tarayıcı her seferinde dosyayı yeniden indirir.
🔹 2. Üçüncü Taraf Kaynaklar (Google Fonts, Analytics vb.)
Bazı harici kaynaklar (örneğin fonts.googleapis.com, www.google-analytics.com, cdn.jsdelivr.net) üzerinde sizin doğrudan kontrolünüz yoktur. Bu kaynakların önbellek süresi düşükse, PageSpeed bu uyarıyı gösterebilir.
🔹 3. Cache Eklentisi Olmaması veya Yanlış Ayarlanması
WordPress sitelerinde cache eklentisi kullanılmıyorsa ya da doğru yapılandırılmamışsa, tarayıcı önbellekleme etkinleşmeyebilir.
3. WordPress’te Leverage Browser Caching Sorunu Nasıl Çözülür?
Aşağıda bu uyarıyı ortadan kaldırmak için en etkili yöntemleri bulabilirsiniz.
Yöntem 1: .htaccess Dosyasına Kod Eklemek (Apache Sunucular İçin)
WordPress siteniz Apache tabanlı bir sunucuda (çoğu paylaşımlı hosting gibi) çalışıyorsa, kök dizindeki .htaccess dosyasına aşağıdaki kodu ekleyin:
## Tarayıcı önbellekleme ayarları ##
<IfModule mod_expires.c>
ExpiresActive On
ExpiresByType image/jpg "access plus 1 year"
ExpiresByType image/jpeg "access plus 1 year"
ExpiresByType image/gif "access plus 1 year"
ExpiresByType image/png "access plus 1 year"
ExpiresByType text/css "access plus 1 month"
ExpiresByType text/html "access plus 1 week"
ExpiresByType application/pdf "access plus 1 month"
ExpiresByType text/x-javascript "access plus 1 month"
ExpiresByType application/javascript "access plus 1 month"
ExpiresByType application/x-shockwave-flash "access plus 1 month"
ExpiresByType image/x-icon "access plus 1 year"
ExpiresDefault "access plus 1 month"
</IfModule>
<IfModule mod_headers.c>
<filesMatch "\.(ico|jpg|jpeg|png|gif|swf)$">
Header set Cache-Control "public"
</filesMatch>
<filesMatch "\.(css)$">
Header set Cache-Control "public, max-age=2592000"
</filesMatch>
<filesMatch "\.(js)$">
Header set Cache-Control "private, max-age=2592000"
</filesMatch>
<filesMatch "\.(html|htm)$">
Header set Cache-Control "public, max-age=604800, must-revalidate"
</filesMatch>
</IfModule>
💡 Not:
.htaccessdosyasında değişiklik yapmadan önce mutlaka yedek alın.- Kod ekledikten sonra tarayıcı önbelleğini ve site cache’ini temizleyin.
Yöntem 2: NGINX Sunucularında Cache Header Ekleme
Eğer NGINX tabanlı bir sunucuda çalışıyorsanız, aşağıdaki kodu nginx.conf veya ilgili site yapılandırma dosyanıza ekleyin:
location ~* \.(jpg|jpeg|png|gif|ico|css|js)$ {
expires 30d;
add_header Cache-Control "public, no-transform";
}
Daha uzun süreli önbellekleme için “30d” değerini “1y” (1 yıl) olarak da ayarlayabilirsiniz.
Yöntem 3: Cache Eklentileriyle Otomatik Çözüm
Kodlarla uğraşmak istemiyorsanız, bir cache eklentisi kullanmak en pratik yoldur.
Bazı eklentiler, tarayıcı önbellekleme kurallarını otomatik olarak uygular.
Önerilen eklentiler:
- WP Rocket → En kapsamlı çözümdür, “Leverage Browser Caching” sorununu genellikle tamamen ortadan kaldırır.
- W3 Total Cache → Ücretsizdir; “Browser Cache” sekmesinden kolayca ayarlanabilir.
- LiteSpeed Cache → LiteSpeed sunucularla mükemmel uyum sağlar.
💡 Eklentiyi yükledikten sonra:
- “Browser Cache” özelliğini aktif edin,
- “Cache-Control” ve “Expires Headers” seçeneklerini işaretleyin,
- Değişikliklerden sonra sitenizin önbelleğini temizleyin.
Yöntem 4: Üçüncü Taraf Kaynakları Optimize Etme
Bazı harici kaynaklar (örneğin Google Fonts, Analytics veya CDN dosyaları) üzerinde doğrudan kontrolünüz yoktur. Ancak bunları optimize etmek mümkündür:
🔸 Google Fonts için:
Fontları doğrudan Google üzerinden çağırmak yerine, yerel olarak barındırın.
Bunun için:
- “OMGF (Optimize My Google Fonts)” eklentisini kullanın.
Bu eklenti, fontları sitenize indirir ve tarayıcı önbellekleme ayarlarını uygular.
🔸 Google Analytics için:
“CAOS for Analytics” eklentisi ile Analytics kodunu yerel olarak barındırabilirsiniz.
Bu sayede dış kaynaklı cache uyarılarını da büyük ölçüde ortadan kaldırabilirsiniz.
4. Değişiklikleri Test Etme
Yaptığınız değişikliklerin etkili olup olmadığını anlamak için:
- Google PageSpeed Insights,
- GTmetrix,
- WebPageTest gibi araçlardan biriyle yeniden test yapın.
Eğer “Leverage browser caching” uyarısı kalktıysa, işleminiz başarılı olmuştur.
5. Bonus: CDN Kullanarak Performansı Artırın
CDN (Content Delivery Network) hizmetleri, statik dosyalarınızı global sunuculara dağıtarak hem hız kazandırır hem de önbellekleme kurallarını otomatik uygular.
Önerilen CDN servisleri:
- Cloudflare (ücretsiz plan yeterlidir)
- BunnyCDN
- KeyCDN
Cloudflare kullanıyorsanız, “Caching > Browser Cache TTL” ayarını 1 ay veya daha uzun bir süreye ayarlayabilirsiniz.
Değerlendirme: Küçük Bir Ayar, Büyük Performans Farkı
“Leverage browser caching” uyarısı, teknik olarak küçük ama performans açısından büyük etkisi olan bir konudur. Basit birkaç kod eklemesi veya cache eklentisiyle bu sorunu ortadan kaldırabilir, sitenizin:
- Yükleme hızını artırabilir,
- Google PageSpeed puanını yükseltebilir,
- SEO performansınızı güçlendirebilirsiniz.
Unutmayın, günümüz dijital dünyasında hız = başarıdır. Birkaç saniyelik fark bile kullanıcıların sitede kalma oranını ve dönüşüm oranlarını doğrudan etkiler.
