Tarayıcı Önbellekleme nasıl yapılır konusuna değineceğimiz bu yazıda, wordpress siteler için Tarayıcı Önbellekleme işlemlerini anlatacağız.
Google hız güncellemeleri ile website hızının çok önemli olduğunu webmaster dünyasına sıkça bildiriyordu ve 2015’ten itibaren AMP teknolojisini yayınlayarak bu konuda ne kadar ciddi olduğunu gösterdi.
Sonrasında 2020 itibarı ile Core Web Vitals’i hayatımıza soktu ki bunun etkilerini tüm webmaster dünyası 2023’de daha çok hissedecek. Bildiğimiz tüm SEO kriterlerini belki Core Web Vital’de başarılı olursak geçerli sayacağız.
Tarayıcı Önbelleği Nedir ?
Chrome, opera, firefox gibi tarayıcılardan bir websitesine girdiğimizde, tarayıcı siteyi açabilmek ve doğru bir şekilde bize gösterebilmek için html, css, js, görseller ve textler gibi bazı dosyaları indirmesi gerekiyor.
Bazı dosyalar küçük boyutlu olurken bazıları birkaç mb boyutu bulabilir ki bu da ortalama %80 mobil tarayıcı ve wifi değil de mobil internet kullanıldığı günümüzde websitelerinin geç açılmasına neden olabilir.
Her dosya sunucuda farklı bölümlerde bulunur ve tarayıcı bu dosyaları çağırmak için farklı yerlerden veri çekmeye çalışır. Tarayıcı önbelleği , bu dosyaları yerel olarak kaydederek sitenin bir sonraki açılışında daha hızlı açılmasını sağlar.
Tarayıcı Önbellekleme Nasıl Yapılır ?
Tarayıcı önbellekleme işlemi birkaç farklı yoldan yapılabilir. Bunlar arasında htaccess , WordPress için cache eklentileri vb yollar bulunur.
Htaccess ile Tarayıcı Önbelleği
Htaccess dosyanıza ekleyeceğiniz aşağıdaki kodlar ile tarayıcının önbellekleme işlemini yapabilirsiniz.
# Adwoox - START EXPIRES CACHING #
<IfModule mod_expires.c>
ExpiresActive On
# Images
ExpiresByType image/jpeg "access plus 1 year"
ExpiresByType image/gif "access plus 1 year"
ExpiresByType image/png "access plus 1 year"
ExpiresByType image/webp "access plus 1 year"
ExpiresByType image/svg+xml "access plus 1 year"
ExpiresByType image/x-icon "access plus 1 year"
# Video
ExpiresByType video/webm "access plus 1 year"
ExpiresByType video/mp4 "access plus 1 year"
ExpiresByType video/mpeg "access plus 1 year"
# Fonts
ExpiresByType font/ttf "access plus 1 year"
ExpiresByType font/otf "access plus 1 year"
ExpiresByType font/woff "access plus 1 year"
ExpiresByType font/woff2 "access plus 1 year"
ExpiresByType application/font-woff "access plus 1 year"
# CSS, JavaScript
ExpiresByType text/css "access plus 1 month"
ExpiresByType text/javascript "access plus 1 month"
ExpiresByType application/javascript "access plus 1 month"
# Others
ExpiresByType application/pdf "access plus 1 month"
ExpiresByType image/vnd.microsoft.icon "access plus 1 year"
</IfModule>
# Adwoox - END EXPIRES CACHING #
Cache Eklentileri ile WordPress Tarayıcı Önbellekleme
Aşağıdaki listede yer alan wordpress cache eklentilerinin ayarlarını kullanarak tarayıcı önbekleme yapabilirsiniz.
- W3 Total Cache.
- WP Super Cache. …
- WP Rocket (review) …
- WP Fastest Cache. …
- Hyper Cache. …
- Comet Cache. …
- Cachify. …
- Simple Cache.
Bu cache eklentilerinin detaylı anlatımlarını diğer içeriklerimizde yapacağız. Cache eklentilerinde sadece browser caching yer almıyor, çok detaylı optimizasyon imkanları bulunuyor ve iyi bir şekilde optimize edilmeleri gerekiyor.