WordPress Mobil Önbellek Optimizasyonu: LiteSpeed, WP Rocket ve Fastest Cache için Gerçek Yapılandırmalar

Mobil Önbelleğe Alma Neden Farklıdır?

Bir WordPress sitesinin mobil ve masaüstü sürümleri genellikle aynı URL'yi yükler, ancak biraz farklı düzenler veya öğeler sunar. Duyarlı temalar, koşullu betikler ve mobil cihazlara özel eklentiler, ziyaretçinin ne gördüğünü ve önbelleğin nasıl davrandığını değiştirebilir.

Önbellek doğru şekilde yapılandırılmazsa, mobil bir ziyaretçi masaüstü düzeni veya hatta güncel olmayan içerikle karşılaşabilir. Bu nedenle mobil önbellek optimizasyonu yalnızca hız için değil, aynı zamanda tutarlılık ve SEO için de hayati önem taşır.

Mobil önbelleğe alma, daha yavaş 3G veya 4G ağlarındaki yükleme sürelerini iyileştirir, TTFB'yi azaltır ve LCP ve FID gibi Temel Web Vitals metriklerini geliştirir. Ancak, yanlış yapılandırıldığında yinelenen sayfalar, çakışan önbellek sürümleri ve hata ayıklamayı zorlaştıran "Değişken: Kullanıcı Aracısı" sorunları oluşturabilir.

Vary'yi Anlama: Kullanıcı Aracısı Başlığı

The Vary: User-Agent Başlık, tarayıcılara ve CDN'lere her cihaz türü (masaüstü, mobil, tablet vb.) için farklı önbellek sürümleri depolamasını söyler. Bu, web siteniz farklı cihazlara farklı HTML sunuyorsa yararlı olabilir.

Ancak burada önemli olan nokta şu: Siteniz duyarlıysa (tüm cihazlar için aynı HTML), Vary: User-Agent Bu, yalnızca önbellek parçalanmasını ve CDN karmaşıklığını artırır. Her benzersiz kullanıcı aracısı kendi önbellek girişine sahip olabilir ve bu da yüzlerce hatta binlerce gereksiz varyasyona yol açabilir.

Kural basit:

• Kullanmak Vary: User-Agent sadece eğer siteniz üretirse farklı mobil için işaretleme.

• CSS'nin düzen değişikliklerini yönettiği duyarlı temalar için bunu devre dışı bırakın.

LiteSpeed Cache: Doğru Mobil Yapılandırma

LiteSpeed Cache, yerleşik bir "Ayrı Mobil Görünüm" geçişi sunar. Bu özellik, mobil cihazlar için ayrı önbellek dosyaları oluşturur; ancak her zaman gerekli değildir.

Yapılandırma adımları:

1. Git LiteSpeed Önbellek → Önbellek → Mobil.

2. Olanak vermek Ayrı Mobil Görünüm sadece Mobil cihazlara özel bir tema veya eklenti kullanıyorsanız.

3. Temanız duyarlıysa bu ayarı olduğu gibi bırakın kapalı.

4. Etkinleştirildiğinde, CDN'nizin (Cloudflare, BunnyCDN, QUIC.cloud) aşağıdakini yoksaydığından emin olun: Vary: User-Agent önbellek çoğaltılmasını önlemek için başlık.

İsteğe bağlı gelişmiş ayar:
İçinde ESI (Kenar Tarafı İçerir) bölümünde, masaüstü ve mobil arasında karışık içerik oluşturulmasını önlemek için mobil parçalar için ESI'yi devre dışı bırakın.

Sonuç: Sayfa başına tek bir birleşik önbellek, yinelenen öğe yok ve cihazlar arasında tutarlı TTFB.

WP Rocket: Mobil Önbellek Ayarları

WP Rocket iki seçenek sunuyor Önbellek → Mobil:

• "Mobil cihazlar için önbelleğe almayı etkinleştir"

• "Mobil cihazlar için ayrı önbellek dosyaları"

Siteniz duyarlıysa etkinleştirin sadece ilk seçenekBu, mobil ziyaretçilerin önbellek depolama alanını bölmeden önbelleğe alınmış sayfalara erişmesini sağlar.

Her iki seçeneği de yalnızca temanız mobil kullanıcılar için farklı HTML çıktısı veriyorsa etkinleştirin (örneğin, mobil menüler veya ayrı başlık dosyaları).

Cloudflare veya cihaz algılama özelliğine sahip başka bir CDN kullanıyorsanız, CDN'nin değişiklikleri yönetmesine izin verin ve ayrı mobil önbelleği devre dışı bırakın.

Hızlı ipucu:
WP Rocket bazen şunları ekler: Vary: User-Agent Otomatik olarak. Bunu Chrome DevTools'da onaylayabilirsiniz → Ağ → Başlıklar. Görmemeniz gereken bir durumda görüyorsanız, "Mobil cihazlar için ayrı önbellek dosyaları" seçeneğini devre dışı bırakın.

WP Fastest Cache: Mobil Görünümleri Yönetme

WP Fastest Cache daha manuel bir yaklaşım benimsiyor. İki ilgili seçeneği burada bulabilirsiniz: Ayarlar → Önbellek:

• "Mobil tema için önbellek oluştur"

• "Masaüstü ve mobil cihazlar için önbelleğe alınmış sürümü gösterme"

Temanız duyarlıysa etkinleştirin sadece ikinci seçenek. Gereksiz önbellek dosyaları oluşturmadan mobil kullanıcıların masaüstü önbelleğini görmemesini sağlar.

Siteniz ayrı bir mobil tema çalıştırıyorsa (WP Touch veya WP için AMP gibi), her iki seçeneği de işaretleyin.

Kurulumunuzu doğrulamak için tüm önbelleği temizleyin ve yanıt başlıklarını inceleyin. Vary: User-Agent Beklemediğiniz bir anda mobil çoğaltmayı devre dışı bırakın.

Mobil Önbelleği Test Etme ve Doğrulama

Yapılandırmanın ardından mobil önbelleğinizin nasıl davrandığını test etmelisiniz.

1. GTmetrix veya WebPageTest'i kullanarak çalıştırın mobil emülasyon.

2. Mobil ve masaüstü için TTFB ve toplam boyutu karşılaştırın.

3. Eğer her iki versiyon da benzer HTML ve hıza sahipse, yapılandırmanız doğrudur.

4. Mobil versiyon masaüstü düzenini yüklüyorsa veya daha yavaş yanıt veriyorsa, eklenti ayarlarını tekrar kontrol edin.

İçinde Chrome Geliştirici Araçları, altında Ağ → Başlıklar → Yanıt, bul Çeşitli alan.

• Boş olmalı veya yalnızca şunu göstermelidir: Accept-Encoding.

• Eğer gösteriyorsa User-Agent, önbellek muhtemelen gereksiz yere bölünüyor.

En İyi Uygulama Özeti

• Kullanmak ayrı mobil önbellek yalnızca siteniz benzersiz mobil HTML oluşturuyorsa.

• Kale Vary: User-Agent CDN parçalanmasını önlemek için minimum düzeyde.

• Tema veya eklenti güncellemelerinden sonra önbellekleri mutlaka temizleyin.

• Uzun vadeli performansı takip etmek için mobil TTFB'yi aylık olarak izleyin.

Mobil ve masaüstü performanslarında tam iyileştirmeler elde etmek için, WordPress Optimizasyon Hizmeti tam önbellekleme, CDN ve veritabanı ayarlaması için.

Gerçek Yapılandırma Örneği (SpeedWP Pro İstemcisi)

Bir SpeedWP Pro istemcisi için LiteSpeed Enterprise + Cloudflare CDN:

• “Ayrı Mobil Görünüm” → Devre Dışı.

• “Hata Oluşursa Servis Bayatla” → Etkinleştirildi.

• Cloudflare önbellek anahtarı:

  Cache-Key: scheme+hostname+path


Sonuç:
Ortalama TTFB düştü 480 ms ila 210 msve yinelenen önbellek girişleri 30.000'den 11.000'e düşürüldü.

Bu yapılandırma, önbellek depolama alanını verimli ve temiz tutarken hem mobil hem de masaüstünde hızlı ve istikrarlı bir performans sağladı.

WordPress'te doğru mobil önbellek kurulumu yalnızca milisaniyeleri kısaltmakla ilgili değil, aynı zamanda tutarlılık ve güvenilirlikle de ilgilidir. Cihazdan bağımsız olarak her ziyaretçiye aynı optimize edilmiş yanıtı gönderen bir site, daha iyi sıralamalar ve kullanıcı memnuniyeti sağlar.

Doğru LiteSpeed, WP Rocket veya WP Fastest Cache ayarlarıyla, yinelenen önbellekleri önleyebilir, sunucu yükünü en aza indirebilir ve WordPress sitenizin mobil ve masaüstü cihazlarda eşit derecede iyi performans göstermesini sağlayabilirsiniz.