Skip links
google da üst sıralara çıkmak, google da üst sıralara çıkma ücreti, google ilk sayfada çıkmak, web sitesi öne çıkarma

Tarayıcı Önbellekleme

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.

  1. W3 Total Cache.
  2. WP Super Cache. …
  3. WP Rocket (review) …
  4. WP Fastest Cache. …
  5. Hyper Cache. …
  6. Comet Cache. …
  7. Cachify. …
  8. 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.

Leave a comment

View
Drag