Core Web Vitals: LCP, INP ve CLS Ölçümü

Core Web Vitals (Önemli Web Verileri) Nedir?

2021 yılından itibaren Google algoritmasının merkezine oturan Core Web Vitals (CWV), kısaca bir web sitesinin "yüklenme hızı, sayfa etkileşim süresi ve görsel istikrarı" üzerinden kullanıcı deneyimini ölçen somut skor sistemidir. Siteniz çok güzel görünebilir, tasarımı kusursuz olabilir ama yavaşsa Google'da ilk sayfayı unutabilirsiniz.

CWV'nin 3 Temel Bileşeni Nelerdir?

• LCP (Largest Contentful Paint) - Yükleme Hızı: Sayfaya girildiğinde kullanıcının vizöründeki "en büyük kaplayan parçanın" (büyük ihtimalle kahraman / hero görselinizin) render edilme hızını ölçer. Google der ki: "Eğer o alan 2.5 saniyeden geç doluyorsa başarısızsın."
• INP (Interaction to Next Paint): Sayfadaki etkileşimlerin görsel yanıt hızını değerlendirir. FID güncel Core Web Vitals setinde yer almaz. Güncel metrikler LCP, INP ve CLS olup gerçek kullanıcıların yüzde 75 diliminde mobil ve masaüstü ayrı değerlendirilir.
• CLS (Cumulative Layout Shift) - Görsel İstikrar: En sinir bozucu sorundur. Bir haberi veya yazıyı okumaya başladığınızda yukarıdan ani bir reklam (veya resim / font) yüklemesiyle sayfanın kayması (ürüne tıklarken reklam linkine click bastırmasına sebep olan) problemidir.

Core Web Vitals Optimizasyonu Nasıl Yapılır?

Bir İzmir web tasarım firması olarak biz müşterilerimizin sayfalarını sıfırdan yaparken (veya iyileştirirken) şunlara dikkat ediyoruz:

1. Görseller için WebP veya AVIF adayları üretilir; boyut, kalite ve tarayıcı desteği gerçek dosya üzerinden karşılaştırılır. Her görselde aynı sıkıştırma yüzdesi veya format tercihi garanti edilmez.
2. Font dosyalarını Google sunucularından çekmek yerine yerel sunucumuzdan

   font-display: swap;

   parametresiyle veriyoruz (CLS hatalarını öldürür).
3. Gereksiz JavaScript yığınlarını engellemek ve "Defer/Async" asenkron yükleme kullanarak tarayıcının engellenmesini (render-blocking) yok ediyoruz.
4. CDN (Cloudflare gibi) sistemlerle görsel önbelleklemesini en hızlı hale getiriyoruz.