DEV Community

İlkyardim kursu
İlkyardim kursu

Posted on

WordPress’te Ani Performans Düşüşünü Nasıl Çözdüm? (Kadence + LiteSpeed)

Bir WordPress sitesinde (Kadence tema + LiteSpeed altyapısı) beklenmedik bir performans düşüşüyle karşılaştım. İlginç olan taraf şuydu: içerik değişmemişti, trafik stabildi, sunucu tarafında da görünür bir problem yoktu. Buna rağmen özellikle LCP değeri dalgalanmaya başlamıştı ve Core Web Vitals yavaş yavaş bozuluyordu.

İlk yaptığım şey en temel ama en güvenilir kontrol oldu: cache gerçekten çalışıyor mu? Siteyi gizli sekmede açıp response header’ları inceledim. Bazı sayfalarda sürekli x-litespeed-cache: miss dönüyordu. Bu genelde cookie varyasyonları, gereksiz cache exclusion’lar ya da sayfaya eklenmiş dinamik bir bileşenden kaynaklanır.

Sonuç olarak LCP 2.3–2.5 saniye bandına oturdu, CLS neredeyse sıfıra indi ve cache hit oranı tutarlı hale geldi. Bu yaklaşımı canlıda çalışan bir eğitim sitesinde uyguladım: https://www.ilkyardimkursu.org/


bash
# Chrome DevTools > Network > Headers
x-litespeed-cache: hit
Burada hit görmem gerekirken kritik sayfalarda miss görmek, sorunun optimizasyondan önce cache tarafında olduğunu gösterdi. Cache ayarlarını sadeleştirip gerçekten cache’e girmesi gereken sayfaları netleştirdikten sonra ikinci katmana geçtim.

Kadence tema temiz ve düzenli HTML üretiyor ama LiteSpeed’in Critical CSS (CCSS) sistemiyle her zaman sorunsuz çalışmıyor. Özellikle büyük hero alanı olan sayfalarda CCSS, LCP’yi iyileştirmek yerine geciktirebiliyor. Bu yüzden hero ağırlıklı sayfalarda CCSS’i devre dışı bırakıp UCSS kullandım ve layout stabilitesini Kadence tarafında bıraktım. Bu hamle CLS değerini ciddi şekilde düşürdü.

Asıl fark yaratan detay ise hero görseldi. Görsel boyut olarak optimize edilmişti ama LiteSpeed tarafından lazy-load ediliyordu. LCP açısından bu büyük bir problemdi. Hero görselini lazy-load dışına aldım, preload ettim ve Kadence bloklarında width ve height değerlerini sabitledim. Bu tek değişiklik LCP süresini yaklaşık 800–900 ms iyileştirdi.

Sonuç olarak LCP 2.3–2.5 saniye bandına oturdu, CLS neredeyse sıfıra indi ve cache hit oranı tutarlı hale geldi. 

Bu deneyim bana şunu bir kez daha gösterdi: hızlı altyapı kullanmak tek başına yeterli değil. LiteSpeed ve Kadence güçlü bir kombinasyon ama ayarların birbiriyle uyumlu olması şart. Performans sorunlarının çoğu dosya boyutundan değil, yanlış önceliklendirmeden kaynaklanıyor.
Enter fullscreen mode Exit fullscreen mode

Top comments (0)