Core Web Vitals: LCP, CLS ve INP açıklandı. Largest Contentful Paint, Cumulative Layout Shift ve Interaction to Next Paint optimizasyonuyla Google'ın sıralama eşiklerini geçin.

Özet
Core Web Vitals, Google'ın web sitenizin ne kadar hızlı ve duyarlı olduğunu ölçmek için sıralama faktörü olarak kullandığı üç kullanıcı deneyimi metriğidir (LCP, CLS, INP).
Daha fazlasını mı istiyorsunuz? Sorun:
2021'de Google, Core Web Vitals'ın sıralama faktörü olduğunu duyurdu. Üç belirli metrik artık arama sıralamalarınızı doğrudan etkiliyor: Largest Contentful Paint (LCP), Cumulative Layout Shift (CLS) ve Interaction to Next Paint (INP). Değerleri kötü olan sitelerin iyi sıralanma olasılığı düşüktür. Mükemmel değerlere sahip siteler sıralamada avantaj kazanır. Modern SEO için Core Web Vitals'ı geçmek vazgeçilmezdir.
Sonuçları derindir. Artık performansı görmezden gelemezsiniz. Yavaş bir web sitesi kurup iyi sıralama bekleyemezsiniz. Google kullanıcı deneyiminin önemli olduğunu açıkça ortaya koydu ve Core Web Vitals kullanıcı deneyimini sayısallaştırır. Core Web Vitals'ı optimize etmek artık isteğe bağlı değil; rekabetçi arama görünürlüğü için zorunludur.
Core Web Vitals, kullanıcı deneyiminin üç boyutunu ölçer: yükleme hızı (LCP), görsel kararlılık (CLS) ve duyarlılık (INP). Google'ın Web Vitals sayfası her metriği ayrıntılı olarak tanımlar. Bu üç metrik, kullanıcıların web sitenizi nasıl deneyimlediğinin en önemli yönlerini temsil eder.
Google, hangi metriklerin en önemli olduğunu belirlemek için gerçek kullanıcılardan trilyonlarca veri noktası topladı. Sonuç Core Web Vitals oldu. Bunlar keyfi eşikler değildir; bir web sitesini gerçek kullanıcılara hızlı ve duyarlı hissettiren şeyin kanıta dayalı ölçümleridir.
Google'ın resmî duyurusu Core Web Vitals'ın arama sıralamalarını nasıl etkilediğini açıklar. Google, Core Web Vitals'ı çeşitli sıralama faktörlerinden biri olarak değerlendirir. İçerik kalitesi ve alaka düzeyi hâlâ daha önemlidir, ancak benzer ölçüde alakalı iki site Core Web Vitals performansına göre sıralanır.
Largest Contentful Paint (LCP), bir sayfadaki en büyük içerik öğesinin kullanıcıya görünür hâle gelmesinin ne kadar sürdüğünü ölçer. Bu bir görsel, video, başlık veya metin bloğu olabilir. LCP, kullanıcının ana içeriği görebildiği ve sayfanın yüklendiğini algıladığı anı ölçer.
Google'ın önerisi: LCP 2,5 saniyenin altında olmalıdır. LCP'si 2,5 saniyenin altındaki sayfalar “iyi” kabul edilir. LCP'si 2,5-4 saniye arasındaki sayfalar “iyileştirme gerekiyor” kategorisindedir. LCP'si 4 saniyeyi aşan sayfalar “zayıf” sayılır. LCP'si 3 saniyeyi aşan kullanıcılar sayfayı yavaş algılar. LCP'si 4 saniyeyi aşan kullanıcılar çoğu zaman sayfayı terk eder.
Yavaş LCP'nin yaygın nedenleri: yavaş sunucu yanıt süresi, işlemeyi engelleyen CSS ve JavaScript, optimize edilmemiş görseller ve yüklenmesi zaman alan büyük yazı tipleri. LCP'yi şu yollarla düzeltin: sunucu hızını artırın (Time to First Byte / TTFB değerini düşürün), işlemeyi engelleyen kaynakları kaldırın, JavaScript'i erteleyin, görselleri optimize edip sıkıştırın, modern görsel biçimleri (WebP) kullanın ve kritik kaynakları önceden yükleyin.
PageSpeed Insights LCP puanınızı gösterir ve özel öneriler sunar. Testi önemli sayfalarınızda çalıştırın, önerileri etkisine göre önceliklendirin ve önce en etkili düzeltmeleri uygulayın.
Cumulative Layout Shift (CLS), sayfa yüklenirken sayfa öğelerinin beklenmedik hareketini ölçer. Bir makale okurken, üstünde bir reklam yüklendiği için metnin aniden aşağı kayması, düzen kaymasıdır. CLS, sayfa düzeninin yükleme sırasında ne kadar kaydığını sayısallaştırır.
Google'ın önerisi: CLS 0,1'in altında olmalıdır. 0,1'in altındaki CLS puanı “iyi” kabul edilir. 0,1-0,25 arasındaki puanlar iyileştirme gerektirir. 0,25'in üzerindeki puanlar “zayıf” sayılır. Küçük düzen kayması bile birikir. 0,15'lik bir CLS, sayfa öğelerinin yükleme sırasında toplamda görünüm alanı yüksekliğinin %15'i kadar kaydığı anlamına gelir. Kullanıcılar bunu can sıkıcı bulur ve hayal kırıklığı yaşar.
Yüksek CLS'nin yaygın nedenleri: eşzamansız yüklenen reklamlar, width ve height öznitelikleri belirtilmemiş görseller, eşzamansız yüklenen gömülü öğeler (YouTube videoları, sosyal medya widget'ları) ve aniden değişen yazı tipleri. CLS'yi şu yollarla düzeltin: HTML'de görsel boyutlarını belirtin (width ve height öznitelikleri), reklamlar yüklenmeden önce onlar için yer ayırın, yazı tipi değişiminden kaynaklanan takılmayı önlemek için @font-face CSS'inde font-display: swap kullanın ve videoları ve gömülü öğeleri eşzamanlı veya ayrılmış alanla yükleyin.
Sitenizdeki her görselin açık width ve height öznitelikleri olmalıdır. Bu, tarayıcıya görsel yüklenmeden önce yer ayırmasını söyler. Boyutlar olmadan tarayıcı ne kadar yer ayıracağını bilmez ve görsel geldiğinde düzen kayar.
Interaction to Next Paint (INP), sayfanızın kullanıcı etkileşimlerine (tıklama, dokunma, klavye girişi) ne kadar duyarlı olduğunu ölçer. INP, kullanıcının sayfayla etkileşime girdiği an ile sayfanın görsel olarak yanıt verdiği an arasındaki süredir. Duyarlı bir sayfa milisaniyeler içinde yanıt verir. Duyarlı olmayan bir sayfa saniyeler alır.
Google'ın önerisi: INP 200 milisaniyenin altında olmalıdır. 200 ms altındaki puanlar “iyi” kabul edilir. 200-500 ms arasındaki puanlar iyileştirme gerektirir. 500 ms üzerindeki puanlar “zayıf” sayılır. Kullanıcılar anında yanıt bekler. 500 ms'lik bir INP ağır hissettirir. 1 saniyelik bir INP bozuk hissettirir.
Kötü INP'nin yaygın nedenleri: ana iş parçacığını engelleyen ağır JavaScript, büyük üçüncü taraf betikler, verimsiz olay işleyicileri ve request idle callback kullanımının eksikliği. INP'yi şu yollarla düzeltin: uzun JavaScript görevlerini daha küçük parçalara bölün, kritik olmayan JavaScript'i erteleyin, kullanılmayan betikleri kaldırın, olay dinleyicilerini optimize edin ve hesaplama açısından yoğun görevler için web worker'ları kullanın.
INP, JavaScript uzmanlığı gerektirdiği için çoğu zaman optimize edilmesi en zor Core Web Vitals metriğidir. Ekibinizde JavaScript optimizasyon becerisi yoksa bir performans danışmanı tutmayı veya üçüncü taraf bir performans optimizasyonu hizmeti kullanmayı düşünün.
Core Web Vitals iki şekilde ölçülür: laboratuvar verisi ve saha verisi. Laboratuvar verisi, kontrollü bir ortamda çalışan PageSpeed Insights ve Lighthouse gibi araçlardan gelir. Saha verisi, sitenizi ziyaret eden gerçek kullanıcılardan gelir. Google gerçek kullanıcı deneyimini temsil ettiği için saha verisine öncelik verir.
Google'ın performans öğrenme yolu laboratuvar ve saha metrikleri arasındaki farkı açıklar. Laboratuvar verisi sorunları belirlemenize ve düzeltmeleri test etmenize yardımcı olur. Saha verisi gerçek dünya performansını gösterir. Gerçek kullanıcılarınız yavaş ağlarda veya eski cihazlardaysa mükemmel laboratuvar puanlarına ama zayıf saha puanlarına sahip olabilirsiniz.
Google Search Console, Core Web Vitals saha verisini raporlar. Rapor, Chrome Kullanıcı Deneyimi Raporu'ndan (CrUX) toplanan gerçek kullanıcı ölçümlerini gösterir. Sitenizin yeterli gerçek kullanıcı verisi yoksa Google bunun yerine Lighthouse'tan laboratuvar verisi sağlar.
Google, “iyi” Core Web Vitals'ı kullanıcı deneyiminin 75. yüzdelik dilimini karşılamak olarak tanımlar. Bu, gerçek kullanıcıların %75'inin sitenizi eşikte veya eşikten daha iyi deneyimlediği anlamına gelir. Eşikler şunlardır:
LCP: 2,5 saniye veya daha az. CLS: 0,1 veya daha az. INP: 200 milisaniye veya daha az. Bu eşikler, trilyonlarca gerçek kullanıcı etkileşiminin analiziyle bilimsel olarak doğrulanmıştır. Bu eşiklerde veya üzerinde olan sayfalar iyi bir kullanıcı deneyimi sunar.
Ancak Google, sayfalarınızın %100'ünün Core Web Vitals'ı geçmesini şart koşmaz. Sayfalarınızın %75'i geçerse siteniz genel olarak “iyi” Core Web Vitals'a sahip sayılır. Yani trafik alan sayfalarınızın çoğunluğu hızlıysa bazı sayfalarınız daha yavaş olsa bile geçebilirsiniz.
LCP optimizasyonu için: Önce PageSpeed Insights ile TTFB (Time to First Byte) değerinizi ölçün. TTFB yavaşsa (600 ms üzeri), darboğaz sunucunuzdur. Barındırmayı yükseltin, arka uç kodunu optimize edin veya bir İçerik Dağıtım Ağı (CDN) kullanın. TTFB iyi ama LCP yavaşsa, CSS veya JavaScript'iniz işlemeyi engelliyordur. Kritik olmayan JavaScript'i erteleyin ve ekranın üst kısmındaki içerik için kritik CSS'i satır içi ekleyin.
CLS optimizasyonu için: Sitenizi yükleme sırasında hareket eden öğeler açısından denetleyin. Kayan öğeleri belirlemek için tarayıcı DevTools'unu kullanın. Her görsele width ve height öznitelikleri ekleyin. CSS'te font-display: swap kullanın. Reklamlar, gömülü öğeler ve dinamik içerik için yer ayırın.
INP optimizasyonu için: Uzun JavaScript görevlerini (50 ms'den uzun süren görevler) belirlemek için Chrome DevTools Performance sekmesini kullanın. Uzun görevleri bölün. Kritik olmayan JavaScript'i erteleyin. Düşük öncelikli işler için requestIdleCallback kullanın. Yalnızca masaüstü bilgisayarlarda değil, gerçek cihazlarda test edin.
Core Web Vitals performansını izlemek için Google Search Console'u kullanın. Core Web Vitals raporu, sitenizin gerçek kullanıcı metriklerini ve bunların Google'ın eşikleriyle nasıl karşılaştırıldığını gösterir. Sayfalar İyi, İyileştirme Gerekiyor veya Zayıf olarak kategorilere ayrılır.
İzleme uyarıları kurun. Core Web Vitals değerleriniz düşerse hemen araştırmanız gerekir. Nedenler arasında verimsizlik getiren yeni kod dağıtımları, yeni üçüncü taraf betikler, görsellerde veya medyada yapılan değişiklikler ya da barındırma sorunları olabilir.
Mobil ve masaüstünü ayrı ayrı izleyin. Mobil cihazlarda genellikle işlemciler ve ağlar daha yavaştır, bu nedenle Core Web Vitals çoğu zaman mobilde masaüstünden daha kötüdür. Önemli ölçüde mobil trafiği olan sitelerde mobil optimizasyona öncelik verin.
Core Web Vitals artık temel bir sıralama faktörüdür ve önem açısından backlink'lerle ve içerik kalitesiyle kıyaslanabilir. Core Web Vitals'ı kötü olan siteler, içerikleri ne kadar iyi olursa olsun iyi sıralanmaz. Bu, performans optimizasyonunun SEO stratejinizin bir parçası olması gerektiği, sonradan akla gelen bir şey olmaması gerektiği anlamına gelir.
Sıralama için rekabet ediyorsanız ve rakiplerinizin Core Web Vitals değerleri daha iyiyse, sıralamada avantajları vardır. Siteniz yavaş ve duyarsızsa yalnızca içerikle kazanamazsınız. Eşit koşullarda rekabet etmek için rakiplerinizin performansına ulaşmanız veya onu aşmanız gerekir.
Core Web Vitals artık SEO başarısı için şarttır. LCP, CLS ve INP'yi optimize etmek arama sıralamalarınızı ve kullanıcı deneyiminizi doğrudan iyileştirir. Mükemmel Core Web Vitals'a sahip siteler, benzer ölçüde alakalı ama kötü değerli siteleri geride bırakır. Bunun etrafından dolaşmanın yolu yok: en üst sıralamaları istiyorsanız Core Web Vitals'ı geçmelisiniz.
Önemli sayfalarınızda PageSpeed Insights çalıştırarak başlayın. En büyük darboğazlarınızı belirleyin ve önce onları düzeltin. Mobil optimizasyona öncelik verin. Performansı Google Search Console'da düzenli izleyin. Sitenizin tamamındaki Core Web Vitals sorunlarını belirlemek ve iyileştirmeleri zaman içinde takip etmek için GEO SEO denetimimizi kullanın.
Kaynaklar
Hayır. Core Web Vitals, en üst sıralamalar için gerekli ama yeterli değildir. Mükemmel Core Web Vitals'a sahip ama içeriği zayıf ve backlink'i olmayan bir site iyi sıralanmaz. Core Web Vitals, benzer içerik kalitesine sahip siteler arasında belirleyici etkendir.
İyi (geçen) puanlar şunlardır: LCP 2,5 saniyenin altında, CLS 0,1'in altında ve INP 200 milisaniyenin altında. Google bu eşikleri kullanıcı deneyiminin 75. yüzdelik dilimine göre belirler.
Hızlı kazanımlar (görsel optimizasyonu, JavaScript'i erteleme) puanları birkaç gün içinde iyileştirebilir. Yapısal değişiklikler haftalar sürebilir. Tam Core Web Vitals optimizasyonu genellikle 4-12 hafta alır.
SORANK'I SİZDEN ÖNCE DENEDİLER
