Core Web Vitals Nedir? LCP, INP ve CLS Eşikleri ve Düzeltme Yolları

Core Web Vitals nedir?

LCP (Largest Contentful Paint)

Sayfanın görünür alanındaki en büyük içerik parçasının (genellikle ana görsel veya başlık) ekrana geldiği an. Yüklenme hızını temsil eder.

INP (Interaction to Next Paint)

Kullanıcının tıklama, dokunma veya tuş basımına sayfanın görsel yanıt verme gecikmesi. Sayfa ömrü boyunca ölçülür; yanıt verebilirliği temsil eder.

CLS (Cumulative Layout Shift)

Sayfa yüklenirken öğelerin beklenmedik biçimde yer değiştirmesinin toplam puanı. Görsel kararlılığı temsil eder.

Alan verisi

Gerçek Chrome kullanıcılarından toplanan ölçüm (CrUX). Google sıralamada bu veriyi kullanır.

Laboratuvar verisi

Lighthouse gibi araçların kontrollü ortamda tek seferlik ölçümü. Tanı koymaya yarar, sıralamaya girmez.

Core Web Vitals, Google'ın sayfa deneyimini üç sayıya indirdiği ölçüm setidir. Her metrik bir kullanıcı hissini temsil eder: sayfa ne zaman göründü, dokunduğumda ne zaman tepki verdi, okurken içerik yerinden kaydı mı.

Metrikler değişebilir; INP, 2024'te eski FID metriğinin yerini aldı. Bu yüzden rapor okurken güncel üçlüye bakmak gerekir. Core Web Vitals, hız sözünü tartışılabilir olmaktan çıkarıp ölçülebilir hâle getirir.

Google'ın eşikleri nelerdir?

Google her metrik için üç bant yayımlar: iyi, iyileştirme gerekli, zayıf. Değerlendirme, sayfa ziyaretlerinin yüzde 75'lik dilimine göre yapılır; yani ziyaretlerin büyük çoğunluğu eşiğin altında kalmalıdır.

Üç metriğin üçü de iyi bantta olduğunda sayfa Core Web Vitals değerlendirmesini geçer. Tek bir metriğin zayıf olması, sayfanın tamamını geçemez duruma getirir.

Core Web Vitals nasıl ölçülür?

1. 1PageSpeed Insights: adresi yapıştırın; üstte alan verisi (varsa), altta laboratuvar ölçümü ve öneriler görünür. Mobil sekmesini esas alın.
2. 2Search Console Core Web Vitals raporu: sitenin tüm sayfalarını gruplar hâlinde iyi / iyileştirme gerekli / zayıf olarak listeler. Sıralamaya giren veri budur.
3. 3Chrome DevTools: Performance panelinde LCP öğesi, düzen kaymaları ve uzun görevler tek tek görülür; sorunun kaynağını bulmaya yarar.
4. 4Lighthouse: DevTools içinden veya komut satırından çalışır; laboratuvar puanı ve düzeltme listesi verir. Teslimde rapor olarak paylaşılır.

Alan verisi için sitenin yeterli ziyareti olmalıdır; yeni sitelerde yalnızca laboratuvar ölçümü görünür. Bu normaldir; laboratuvar ölçümü iyi bantta olan site, ziyaret geldikçe alan verisinde de genellikle iyi görünür.

En sık nedenler nelerdir?

LCP, INP ve CLS nasıl düzeltilir?

LCP için

LCP öğesi çoğu sitede ana görseldir. Bu görsel modern formatta, ekran boyutuna göre sunulmuş ve öncelikli yüklenmiş olmalıdır; lazy loading bu tek görsele uygulanmaz. Sunucu yanıtı yavaşsa önce oraya bakılır; statik üretim ve CDN sunucu süresini doğrudan kısaltır.

INP için

INP sorunları neredeyse her zaman JavaScript'ten gelir. Sayfa açılışında çalışan betik miktarı azaltılır, analitik ve sohbet eklentileri gibi üçüncü taraf kodlar geciktirilir, uzun görevler küçük parçalara bölünür. Tarayıcıya daha az JavaScript gönderen çatılar burada baştan avantajlıdır.

CLS için

Düzen kayması, tarayıcının bir öğenin ne kadar yer kaplayacağını bilmemesinden doğar. Görsel ve videolara boyut verilir, dinamik içerik için alan ayrılır, font geçişi kontrol altına alınır. CLS, üç metrik içinde en ucuz düzeltilen ve en çok ihmal edilendir.

Core Web Vitals sıralamayı ne kadar etkiler?

Google, sayfa deneyimini sıralama sinyallerinden biri olarak kullandığını açıklar; Core Web Vitals bu deneyimin ölçülen kısmıdır. İçerik ve alaka her zaman önde gelir: zayıf içerik hızlı olduğu için birinci olmaz.

Buna karşılık benzer içeriğe sahip iki sayfa arasında deneyim farkı belirleyici olabilir. Asıl etki dolaylıdır: hızlı ve kararlı sayfa daha az terk edilir, daha çok dönüştürür. Bu ilişkiyi web sitesi hızı rehberinde ayrı ele aldık.

Site sahibi raporu nasıl okumalı?

Search Console'da Core Web Vitals raporunu açın ve mobil sekmesine bakın; masaüstü genellikle daha iyi görünür ve yanıltır. Zayıf gruptaki sayfa kalıplarını not edin; genellikle aynı şablonu kullanan sayfalar birlikte düşer.

Ajansla konuşurken raporu paylaşın ve hangi metriğin hangi nedenle düştüğünü sorun. Teknoloji seçiminin bu metriklere etkisini Next.js mi WordPress mi rehberinde, teklif aşamasında sorulacak hız sorularını ise web sitesi yaptırmadan önce rehberinde bulabilirsiniz. Tüm rehberler rehber merkezinde.