WordPress Leverage Browser Caching Uyarısı Çözümü

Eğer Google PageSpeed Insights üzerinde web sitenizin puanını yükseltmeye çalıştıysanız dikkat etmeniz gereken birçok faktör olduğunu fark etmişsinizdir. Ancak bu faktörlerin her birinin tam olarak ne anlama geldiğini bilmek her zaman kolay değildir. Örneğin, Leverage Browser Caching yani Türkçesi ile Tarayıcı önbellekleme kullanımı uyarısını gördüğünüzde kafanız karışmış olabilir.

Bu uyarıyla birlikte genellikle tarayıcıda saklanması gereken ancak saklanmayan görsellerin bir listesini görürsünüz. Bu liste hangi görsellerin gerekli bilgilere (özellikle sona erme tarihine) sahip olmadığını size gösterir.

Korkmanıza gerek yok! Adı biraz karmaşık olsa da çözümü oldukça basit. Bugün sizlere tarayıcı önbellekleme kullanımı uyarısının ne olduğunu ve bunu WordPress’te nasıl düzeltebileceğinizi adım adım anlatacağız.

Wordpress Leverage Browser Caching UyarısWordPress tabanlı websiteleri için özel olarak optimize edilmiş WordPress Hosting paketlerimizi inceleyin.

Tarayıcı Önbellekleme Uyarısı Nedir?

Tarayıcı önbellekleme kullanımı uyarısı statik görseller için sona erme tarihlerini ayarlamadığınızı belirtir. Bu tarihler tarayıcının belirli bir görseli ne kadar süreyle saklaması gerektiğini söyler.

Google PageSpeed Insights’ın en son sürümlerinde bu uyarının adı değiştirildi ve artık Statik varlıkları verimli bir önbellekleme politikasıyla sun olarak geçiyor. Ancak adının değişmesi nedeni ve çözümünü değiştirmiyor.

Statik bir görsele sona erme tarihi eklemek garip gelebilir ama aslında çok mantıklı. Düşünsenize hiçbir şey bir web sitesinde tamamen sabit kalmaz. Gün gelir bir görseli değiştirir, yeni bir kampanya başlatır veya web sitenizin tasarımını komple yenilersiniz.

Tarayıcıya bu değişiklikleri bildirmezseniz sayfalarınızın yüklenme süresi uzar.

Hatta sona erme tarihi eklemiş olsanız bile süre çok kısa ayarlandıysa yine bu hatayı alabilirsiniz. Neyse ki Google PageSpeed Insights hangi görsellerin bu hatayı oluşturduğunu ve çözüm için neler yapmanız gerektiğini net bir şekilde listeliyor.

WordPress’te Tarayıcı Önbellekleme Kullanımı Hatası Nasıl Düzeltilir?

Bu hatayı düzeltmek için birkaç farklı yöntem bulunuyor. Neyse ki, bu yöntemlerin hiçbiri çok karmaşık değil ve birkaç dakika içinde uygulayabilirsiniz.

Unutmayın ki her web sitesi benzersizdir. Bir yöntem bir site için işe yararken, bir diğeri için işe yaramayabilir. Eğer bir yöntemle sonuç alamazsanız, diğerine geçmekten çekinmeyin.

Yöntem 1: Cache-Control Başlığı Kullanımı

Cache-Control tarayıcı önbellekleme politikalarını belirlemek için kullanılan bir HTTP başlığıdır. Birçok web sitesi önbellekleme için ya bunu ya da bir Expires başlığı kullanır (sonraki yönteme bakın).

Eğer sitenizde hangisinin kullanıldığını biliyorsanız yalnızca ona odaklanın. Çünkü bu iki yöntemi bir arada kullanmak gereksiz ve fazladan bir işlem olur.

Eğer bir Apache sunucu kullanıyorsanız aşağıdaki kodu .htaccess dosyanıza ekleyerek Cache-Control ayarını yapabilirsiniz:

Header set Cache-Control "max-age=84600, public"

Bu kod tarayıcının belirli varlıkları 84.600 saniye (1 gün) boyunca saklamasını sağlar. Bu süreyi isteğinize göre değiştirebilirsiniz.

Yöntem 2: Expires Başlığı Kullanımı

Expires başlığı ise tarayıcıya bir içeriğin ne zaman eski kabul edilmesi gerektiğini belirtir. Veri eskiyse tarayıcı tekrar siteye bağlanarak güncel veriyi alır.

Bu yöntem Cache-Control’den daha eski bir yöntemdir ancak hala etkili bir şekilde çalışır. Eğer siteniz hali hazırda Cache-Control kullanıyorsa, Expires başlığı eklemeniz gerekmez.

Apache sunucu kullanıyorsanız aşağıdaki kodu .htaccess dosyanıza ekleyerek Expires başlığını ayarlayabilirsiniz:

## EXPIRES HEADER 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 image/svg "access 1 year"
ExpiresByType text/css "access 1 month"
ExpiresByType application/pdf "access 1 month"
ExpiresByType application/javascript "access 1 month"
ExpiresByType application/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 HEADER CACHING ##

Yukarıdaki ayarlar görseller için sona erme tarihini 1 yıl, CSS ve JavaScript dosyaları için ise 1 ay olarak belirler. Bu süreyi dilediğiniz gibi düzenleyebilirsiniz.

Yöntem 3: Eklenti Kullanımı

WordPress’in en büyük avantajlarından biri ihtiyacınız olan her şey için bir eklentiye sahip olmasıdır. Önbellekleme de bu konuda bir istisna değil. İşte bu sorunu çözebilecek herkes tarafından tercih edilen en popüler eklentiler:

Litespeed Cache

WordPress’te tarayıcı önbellekleme sorunlarını çözmek için en popüler eklentilerden biri olan Litespeed Cache eklentisinin ayarlarında tarayıcı önbellekleme özelliğini etkinleştirerek bu sorunu kolayca çözebilirsiniz.

WP Rocket

WP Rocket premium bir eklenti olmasına rağmen tarayıcı önbellekleme sorunlarını çözmek için harika bir seçenektir. Kolay kullanımı sayesinde sitenizin performansını hızla artırabilirsiniz.

WP Fastest Cache

Bu ücretsiz eklentileri indirmek için buraya tıklayabilirsiniz.

Şunlar da hoşunuza gidebilir...

Bir yanıt yazın

E-posta adresiniz yayınlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir