Webmaster ve SEO
LCP, INP ve CLS eşik değerleri; önbellekleme, görsel optimizasyonu, CDN, PHP OPcache ve veritabanı gibi en etkili hızlandırma adımları.
Sayfa hızı hem kullanıcı deneyimini hem de arama motoru görünürlüğünü etkiler. Google, gerçek kullanıcı deneyimini Core Web Vitals adı verilen üç metrikle ölçer.
Değerler, ziyaretlerin %75'lik dilimine göre değerlendirilir. INP, 2024'te FID'nin yerini almıştır.
Core Web Vitals eşikleri
| Metrik | Ne ölçer? | "İyi" eşik |
|---|---|---|
| LCP (Largest Contentful Paint) | Sayfadaki en büyük içeriğin görünme süresi | ≤ 2,5 saniye |
| INP (Interaction to Next Paint) | Tıklama/dokunmalara tepki süresi | ≤ 200 ms |
| CLS (Cumulative Layout Shift) | Sayfa yüklenirken içeriğin kayması | ≤ 0,1 |
En etkili adımlar
- Sayfa önbelleği: WordPress'te LiteSpeed Cache, WP Rocket veya sunucu tarafı (Nginx FastCGI cache, Varnish) önbellek kullanın. Dinamik sayfaların her istekte yeniden üretilmesi en büyük yavaşlık sebebidir.
- Görseller: Görselleri gösterildikleri boyutta sunun, WebP/AVIF formatına dönüştürün, ekran dışındakilere
loading="lazy"ekleyin. LCP görseline lazy load uygulamayın; gerekirsefetchpriority="high"kullanın. - Boyut belirtin: Görsel, video ve reklam alanlarına genişlik/yükseklik vererek CLS'yi önleyin.
- JavaScript'i azaltın: Kullanılmayan eklenti ve betikleri kaldırın, üçüncü taraf betikleri (sohbet, reklam, analiz) erteleyin. INP'yi en çok ağır JavaScript bozar.
- CDN: Statik dosyaları ziyaretçiye yakın noktalardan sunmak gecikmeyi azaltır.
- Sunucu tarafı: Güncel PHP sürümü, OPcache açık, HTTP/2 veya HTTP/3, Brotli/Gzip sıkıştırma. Nesne önbelleği (Redis/Memcached) veritabanı yükünü azaltır.
- Veritabanı: Yavaş sorguları tespit edin, gereksiz revizyon/transient kayıtlarını temizleyin, doğru indeksleri kullanın.
- Yazı tipleri: Az sayıda yazı tipi ağırlığı kullanın,
font-display: swapekleyin ve mümkünse kendi sunucunuzda barındırın.
Ölçüm
- PageSpeed Insights: Hem laboratuvar testi hem de (yeterli trafik varsa) gerçek kullanıcı verisini gösterir.
- Search Console → Core Web Vitals raporu: Sitenizdeki sorunlu URL gruplarını listeler.
- Tarayıcı geliştirici araçları (Lighthouse, Performance sekmesi): Sorunun kaynağını ayrıntılı incelemek için.
