Hız testi araçlarında, “Daha hızlı yükleme süreleri için tarayıcı önbelleğinden faydalanın” uyarısı ile mi karşılaştınız? Tarayıcı önbelleğe alma, bir web sitesini ilk kez ziyaret ettikten sonra HTML sayfaları, resimler, CSS stil sayfaları ve JavaScript dosyaları gibi web sitesi dosyalarının kullanıcının cihazında yerel olarak depolanması anlamına gelir. Kullanıcı bir dahaki sefere geri döndüğünde, cihaz ihtiyaç duyduğu şeylerden bazılarını zaten bulundurur, böylece sayfa daha hızlı yüklenir. Bu kılavuzda, tarayıcı önbelleğe almanın önemini ve WordPress kullanıcılarının bunu sitelerinin yükleme sürelerini önemli ölçüde iyileştirmek, kullanıcı memnuniyetini artırmak ve SEO performansını yükseltmek için nasıl uygulayabileceklerini ele alacağız.
Tarayıcı Önbelleğe Alma Nedir?
Bir kullanıcı web sitenizi ilk kez açtığında, tarayıcı CSS dosyaları, HTML dosyaları, Javascript dosyaları ve resimler dahil olmak üzere web sitesinin tüm kaynaklarını yükler. Bunun nedeni, tarayıcıya web sitenizin kaynaklarını önbelleğe alması ve bunları kullanıcının sabit diskinde depolaması talimatını vermiş olmanızdır, böylece tarayıcının tüm dosyaları yeniden yüklemesine gerek kalmaz. Tekrar önbelleğe alınacak dosya kalmayacağından web sitesinin boyutu tarayıcı için küçülecektir. Böylece web sitenizin sayfa yükleme süresi azalacaktır.
Peki tarayıcı önbelleği mutlaka etkinleştirilmeli mi? Google hızlı yüklenen web sitelerini tercih eder. Ziyaretçiler ise hızlı web deneyimlerini sever. Tarayıcı önbelleği sayfa yükleme sürelerini önemli ölçüde iyileştirir, bu da kullanıcı deneyimini geliştirir ve web sitenizin arama motoru sıralamasını olumlu etkileyebilir. Daha hızlı yükleme süreleri, kullanıcıların hızlı yanıt veren bir sitede kalma olasılıkları daha yüksek olduğundan daha düşük sıçrama oranlarına ve daha yüksek etkileşime yol açabilir. Ayrıca tarayıcı önbelleğe alma sunucunuzdaki yükü azaltır. Tarayıcıların daha önce indirilmiş kaynakları yeniden kullanmasına izin vererek, sunucunuza yapılan istek sayısını azaltabilirsiniz. Bu, özellikle trafik artışları sırasında faydalı olabilir, sunucunuzun yanıt vermeye devam etmesini ve yavaşlamadan daha fazla eşzamanlı kullanıcıyı idare edebilmesini sağlar. Ayrıca, daha az sunucu kaynağına sahip daha ucuz bir barındırma planı satın alarak maliyetleri düşürebilirsiniz. Yani evet, tarayıcı önbelleğini etkinleştirmelisiniz!
Peki tarayıcı önbelleğinden faydalanmak için nasıl bir yol izlenmeli? Bu sorunun cevabı hemen aşağıda.
1. WordPress için .htaccess ile Tarayıcı Önbellekleme
.htaccess dosyasına küçük bir kod parçası ekleyerek Apache sunucuları için tarayıcı önbelleğini kullanabilirsiniz. Bunu yapmanın önerilen iki yolu aşağıdadır:
# Mod_Expires (en sık kullanılan seçenek)
- Adım 1: cPanel’inize giriş yapın ve “Dosyalar” bölümünden Dosya Yöneticisi‘ni açın. Ardından, normalde kök klasörde bulunan .htaccess dosyanızı bulmanız gerekir (
/public_html/.htaccess). - Adım 2: .htaccess dosyasını bulun ve düzenlemek için dosyaya sağ tıklayın. WordPress web siteniz için tarayıcı önbelleğini etkinleştirecek aşağıdaki kodu dosyanın en üstüne ekleyin ve kaydet düğmesine tıklayın.
## 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 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> ## EXPIRES CACHING ##
Bu kodda, sona erme süresini yeni eklediniz. Bu, CSS dosyasının ve HTML dosyasının 1 ay boyunca kullanıcının tarayıcısında önbelleğe alınacağı anlamına gelir. Bir ay sonra, kullanıcı web sitenizi ziyaret ederse, tarayıcı bu dosyaları tekrar önbelleğe alır. Görüntüler için geçerlilik süresi 1 yıl olarak belirlendi. Blog yazılarınıza eklediğiniz görseller aynı kaldığından ancak CSS, HTML ve Javascript dosyalarındaki kodlar değiştirilebilir olduğu için süre uzamıştır.
NOT: Dosyalarda bulunan kodları düzenlemeyi düşünüyorsanız, zaman aşımı süresi uzun süre ayarlanmamalıdır. Bunun nedeni, eski bir kullanıcı değişiklikten sonra web sitenizi ziyaret ederse, tarayıcı eski dosyaları önbelleğe aldığı ve süre dolmadığı için değişikliği göremeyecektir. Değişikliği ancak süre dolduktan sonra görebilecektir.
# Mod_Headers
Aşağıdaki kodu .htaccess dosyasına ekleyin. Dosya türlerini ve önbellek erişim süresini isteğinize göre düzenleyebilirsiniz. Şu anda erişim süresi 2592000 saniyeye, yani 30 güne ayarlanmıştır.
<FilesMatch "\.(ico|pdf|flv|jpg|jpeg|png|gif|js|css|swf)$">
Header set Cache-Control "max-age=2592000, public"
</FilesMatch>Çeşitli erişim zamanlarına örnekler:
# 1 YEAR
Header set Cache-Control "max-age=29030400, public"
# 1 MONTH
Header set Cache-Control "max-age=2592000, public"
# 1 WEEK
Header set Cache-Control "max-age=604800, public"
# 1 HOUR
Header set Cache-Control "max-age=3600, public"
# DON'T CACHE ANY FILE
Header set Cache-Control "max-age=0, private, no-store, no-cache, must-revalidate"2. Windows Sunucuları için Tarayıcı Önbelleğinden Yararlanma
Microsoft (Windows/ASP.NET) sunucuları için tarayıcı önbelleğini, IIS Yöneticisi’nde yapılandırarak veya web.config dosyasına küçük bir kod parçası ekleyerek kullanabilirsiniz.
# Web.config dosyasına kod ekleme
Aşağıdaki kodu web.config dosyasına ekleyin. Web.config dosyası web sitenizin belge kökündedir:
<system.webServer>
<staticContent>
<clientCache cacheControlMode="UseMaxAge" cacheControlMaxAge="30.00:00:00" />
</staticContent>
</system.webServer>Bu kod web sayfalarınızın yüklediği tüm statik kaynakları önbelleğe alacaktır. Önbellek süresini cacheControlMaxAge ayarıyla kontrol edebilirsiniz.
# IIS Yöneticisi aracılığıyla
- Başlat menüsü >> Yönetimsel Araçlar >> Internet Information Services (IIS) Yöneticisi’ne gidin.
- Uygulamanızı sol taraftaki listeden bulun.
- Uygulamaya sağ tıklayın ve menüden Çıktı Önbelleği’ni seçin.
- Şimdi Ekle’ye tıklayın. Artık istediğiniz herhangi bir web dosya türü için önbelleğe alma kuralları ekleyebilirsiniz.
WordPress tarayıcı önbellekleme işlemi için optimizasyon eklentilerinden de faydalanabilirsiniz. Birçoğunda bu özellik mevcut ve tek tıkla halledebilirsiniz. WP Rocket, LiteSpeed Cache, W3 Total Cache eklentileri önerebileceğimiz en iyi Önbellek ve optimizasyon eklentilerindendir. Daha fazlası için “En iyi WordPress Önbellek Eklentileri” kılavuzumuza bakabilirsiniz.