Core Web Vitals Nedir? LCP, INP ve CLS Rehberi (2026)
Core Web Vitals nedir? LCP, INP ve CLS eşiklerini, ölçüm araçlarını ve düşük performans değerlerini iyileştirme yöntemlerini adım adım öğrenin.
Core Web Vitals nedir? Core Web Vitals, bir web sayfasının gerçek kullanıcı deneyimini yüklenme hızı, etkileşimlere verdiği tepki ve görsel kararlılık açısından ölçen üç temel metriktir: LCP, INP ve CLS. Google bu metrikleri sayfa deneyimini anlamak için kullanır; ancak iyi skorlar tek başına yüksek sıralama garantisi vermez.
Bu rehberde LCP, INP ve CLS değerlerinin ne anlama geldiğini, iyi kabul edilen eşikleri, laboratuvar verisi ile gerçek kullanıcı verisi arasındaki farkı ve düşük skorları düzeltmek için uygulanabilecek adımları öğreneceksiniz. Ölçüm yapmak isterseniz SıraPusula'nın ücretsiz PageSpeed testi ile mobil ve masaüstü sonuçlarını ayrı ayrı inceleyebilirsiniz.
Core Web Vitals neden önemlidir?
Hızlı açılan ancak kullanıcı tıklamasına geç cevap veren bir sayfa iyi deneyim sunmaz. Benzer biçimde hızlı görünen fakat yüklenirken butonları ve metinleri yer değiştiren bir sayfa yanlış tıklamalara yol açabilir. Core Web Vitals bu farklı sorunları tek bir puana sıkıştırmak yerine üç ayrı kullanıcı deneyimi boyutunu görünür kılar.
Google'ın sayfa deneyimi dokümanına göre Core Web Vitals, temel sıralama sistemlerinin değerlendirdiği sinyaller arasındadır. Yine de alakalı, yararlı ve güvenilir içerik önceliğini korur. Bu nedenle amaç yalnızca PageSpeed puanını 100 yapmak değil; kullanıcıların içeriğe hızlı ulaşmasını, sayfayla rahat etkileşmesini ve beklenmedik kaymalar yaşamamasını sağlamaktır.
Core Web Vitals metrikleri nelerdir?
Güncel Core Web Vitals seti LCP, INP ve CLS metriklerinden oluşur. Eski raporlarda görülebilen FID, Mart 2024'te yerini INP'ye bırakmıştır. Değerlendirme yapılırken yalnızca ortalama değere değil, gerçek sayfa görüntülemelerinin yüzde 75'lik dilimine bakılır.
LCP: Ana içerik ne kadar hızlı görünüyor?
Largest Contentful Paint (LCP), görünür alandaki en büyük içerik öğesinin kullanıcıya ne zaman gösterildiğini ölçer. Bu öğe çoğu sayfada büyük bir başlık, kahraman görseli, ürün görseli veya geniş bir metin bloğudur. İyi LCP değeri 2,5 saniye veya daha kısadır. 2,5–4 saniye arası iyileştirme gerektirir; 4 saniyenin üzeri zayıf kabul edilir.
LCP sorununun yaygın nedenleri yavaş sunucu yanıtı, büyük ve optimize edilmemiş görseller, render engelleyici CSS, geç yüklenen fontlar ve istemci tarafında fazla JavaScript çalıştırılmasıdır. Önce hangi öğenin LCP olduğunu bulun; ardından o öğeyi geciktiren ağ ve render zincirini düzeltin.
INP: Sayfa etkileşimlere ne kadar hızlı cevap veriyor?
Interaction to Next Paint (INP), kullanıcının tıklama, dokunma veya klavye etkileşiminden sonra sayfanın görsel yanıt üretme hızını değerlendirir. İyi INP değeri 200 milisaniye veya daha kısadır. 200–500 milisaniye arası iyileştirme gerektirir; 500 milisaniyenin üzeri zayıftır.
Uzun JavaScript görevleri, büyük bileşen ağaçları, gereksiz yeniden render işlemleri ve ana iş parçacığını meşgul eden üçüncü taraf scriptleri INP değerini yükseltebilir. Ağır işi küçük parçalara bölmek, gereksiz istemci bileşenlerini azaltmak ve kullanıcı girdisine öncelik vermek en etkili çözümler arasındadır.
CLS: Sayfa yüklenirken öğeler kayıyor mu?
Cumulative Layout Shift (CLS), sayfadaki görünür öğelerin kullanıcı müdahalesi olmadan ne kadar yer değiştirdiğini ölçer. İyi CLS değeri 0,1 veya daha düşüktür. 0,1–0,25 arası iyileştirme gerektirir; 0,25'in üzeri zayıf kabul edilir.
Boyutu belirtilmemiş görseller, sonradan açılan reklam alanları, geç yüklenen fontlar ve DOM'a üst taraftan eklenen içerikler CLS sorununa yol açar. Görseller için width ve height oranını ayırmak, dinamik alanlara önceden yer bırakmak ve font stratejisini düzenlemek sayfa kaymalarını azaltır.
İyi Core Web Vitals değerleri kaç olmalı?
LCP: 2,5 saniye veya daha kısa.
INP: 200 milisaniye veya daha kısa.
CLS: 0,1 veya daha düşük.
Değerlendirme: Mobil ve masaüstü gerçek kullanıcı ziyaretlerinin yüzde 75'lik dilimi.
Bir metriğin iyi olması diğerlerinin de iyi olduğu anlamına gelmez. Örneğin statik bir sayfa hızlı yüklenebilir fakat ağır bir menü etkileşiminde yüksek INP üretebilir. Bu yüzden üç metriği hem tek tek hem de sayfa şablonları bazında izlemek gerekir.
Alan verisi ve laboratuvar verisi arasındaki fark
PageSpeed Insights iki farklı veri türü gösterebilir. Alan verisi, Chrome Kullanıcı Deneyimi Raporu'ndaki gerçek ziyaretlerden oluşur ve yaklaşık son 28 günlük dönemi yansıtır. Laboratuvar verisi ise Lighthouse tarafından kontrollü bir cihaz ve ağ koşulunda yapılan anlık testtir.
Yeni veya düşük trafikli sayfalarda yeterli gerçek kullanıcı verisi bulunmayabilir. Bu durumda laboratuvar testi sorunları teşhis etmek için değerlidir; fakat gerçek ziyaretçilerin yaşadığı deneyimin birebir karşılığı değildir. Alan verisi kötü, laboratuvar verisi iyi görünüyorsa cihaz çeşitliliği, yavaş ağlar, çerez araçları ve kişiselleştirilmiş sayfa durumları araştırılmalıdır.
Core Web Vitals nasıl ölçülür?
Tek bir araç bütün resmi göstermez. En sağlıklı yaklaşım, gerçek kullanıcı verisini teşhis araçlarıyla birlikte değerlendirmektir:
PageSpeed Insights: URL bazında alan ve Lighthouse verisini birlikte gösterir.
Google Search Console: Benzer sorun yaşayan URL gruplarını mobil ve masaüstü için raporlar.
Chrome DevTools: Performans kaydında uzun görevleri, layout shift olaylarını ve LCP öğesini gösterir.
Gerçek kullanıcı izleme: Kendi ziyaretçilerinizin cihaz, bağlantı ve sayfa türü bazındaki deneyimini ölçer.
Önce PageSpeed Testi sayfasında URL'nizi mobil ve masaüstü olarak ölçün. Daha sonra sorunlu metriği seçip rapordaki teşhisleri önceliklendirin. Aynı URL'yi arka arkaya test ederken küçük puan değişimlerinin normal olduğunu unutmayın.
LCP nasıl iyileştirilir?
Ana görseli AVIF veya WebP gibi modern biçimlerde ve doğru boyutta sunun.
LCP görselini tembel yüklemeyin; gerekiyorsa öncelikli olarak indirin.
Sunucu yanıt süresini CDN, önbellek ve verimli veri sorgularıyla azaltın.
Kritik CSS'i geciktirmeyin, kullanılmayan stilleri ve render engelleyici kaynakları azaltın.
Ana içeriği yalnızca istemci JavaScript'i çalıştıktan sonra üretmekten kaçının.
Next.js projelerinde Image bileşeni, doğru sizes değeri ve sunucu taraflı render yaklaşımı önemli avantaj sağlar. Ancak gereğinden büyük kaynak dosyası veya yanlış priority kullanımı bu avantajı ortadan kaldırabilir. Önceliği gerçekten ekranın üst kısmında bulunan tekil LCP görseline verin.
INP nasıl iyileştirilir?
50 milisaniyeyi aşan uzun JavaScript görevlerini küçük parçalara bölün.
Kullanılmayan üçüncü taraf scriptlerini kaldırın veya etkileşim sonrasına erteleyin.
Büyük listelerde sanallaştırma, sayfalama veya kontrollü render kullanın.
React bileşenlerinde gereksiz state güncellemelerini ve yeniden render işlemlerini azaltın.
Tıklama sonrasında kullanıcıya hemen görsel geri bildirim verin.
INP yalnızca butonun click işleyicisini ölçmez. Tarayıcının etkileşimi algılaması, kodu çalıştırması ve sonraki kareyi ekrana çizmesi arasındaki toplam gecikmeyi değerlendirir. Bu nedenle sorun ağdan değil, ana iş parçacığındaki yoğunluktan da kaynaklanabilir.
CLS nasıl iyileştirilir?
Görsel ve video alanları için en-boy oranını önceden tanımlayın.
Reklam, banner ve gömülü içeriklere sabit veya minimum alan ayırın.
Yeni içerikleri mevcut içeriğin üstüne izinsiz yerleştirmeyin.
Web fontlarında uygun fallback font ve font-display stratejisi kullanın.
Animasyonlarda layout özellikleri yerine transform ve opacity kullanın.
Mobil ve masaüstü sonuçları neden farklıdır?
Mobil testler genellikle daha düşük işlem gücü ve daha yavaş ağ koşullarıyla çalışır. Ayrıca mobil ekranın görünür alanı farklı olduğu için LCP öğesi değişebilir. Masaüstünde küçük görünen bir görsel mobilde ekranın büyük bölümünü kaplayarak LCP olabilir; masaüstünde açılan geniş menü veya tablo da farklı JavaScript maliyeti oluşturabilir.
Bu nedenle yalnızca masaüstü puanına bakarak mobil deneyimin iyi olduğunu varsaymayın. Trafiğinizin çoğu mobilden geliyorsa önce mobil alan verisini, sonra aynı şablona ait en yoğun URL'leri düzeltin.
Core Web Vitals ve SEO ilişkisi
Core Web Vitals SEO'nun tamamı değildir. Google en alakalı ve yararlı sonucu göstermeye çalışır; daha hızlı bir sayfa zayıf içeriği otomatik olarak geçmez. Bununla birlikte benzer kalitedeki sayfalar arasında iyi deneyim önemli bir avantaj sağlayabilir. Hız iyileştirmeleri hemen çıkış oranını azaltabilir, kullanıcıların içerikle daha rahat etkileşmesini ve dönüşüm adımlarını tamamlamasını sağlayabilir.
Teknik performansı; taranabilirlik, indeksleme, canonical, sitemap ve içerik kalitesiyle birlikte ele almak gerekir. Bu alanların tamamını değerlendirmek için Teknik SEO Rehberi ve SEO analizi kontrol listesi yazılarından yararlanabilirsiniz.
Sık yapılan Core Web Vitals hataları
Yalnızca ana sayfayı test edip bütün sitenin hızlı olduğunu düşünmek.
Alan verisi ile tek seferlik Lighthouse sonucunu birbirine karıştırmak.
Sadece toplam performans puanına bakıp LCP, INP ve CLS değerlerini göz ardı etmek.
Kullanıcı deneyimine zarar verecek şekilde her scripti ve özelliği kaldırmak.
Bir düzeltmenin ardından şablonun diğer URL'lerini ve mobil görünümü test etmemek.
İyi Core Web Vitals skorlarını sıralama garantisi gibi sunmak.
Core Web Vitals iyileştirme sırası
Önce gerçek kullanıcı verisinde zayıf görünen ve organik trafik alan şablonları belirleyin. Ardından en fazla URL'yi etkileyen ortak sorunu çözün. Örneğin bütün blog yazılarında aynı büyük kapak görseli bileşeni LCP sorunu oluşturuyorsa tek bir bileşen iyileştirmesi onlarca URL'yi düzeltebilir.
Sorunlu URL grubunu Search Console'dan belirleyin.
Temsilî bir URL'yi PageSpeed Insights ve DevTools ile inceleyin.
En büyük kullanıcı etkisine sahip nedeni düzeltin.
Mobil ve masaüstünde regresyon testi yapın.
Değişikliği yayınlayıp alan verisinin yenilenmesini bekleyin.
Sonucu Search Console'da doğrulama süreciyle izleyin.
Sonuç
Core Web Vitals; yükleme hızını LCP, etkileşim yanıtını INP ve görsel kararlılığı CLS ile ölçer. İyi hedefler sırasıyla 2,5 saniye, 200 milisaniye ve 0,1 değeridir. Fakat en doğru karar, tek bir laboratuvar puanına değil gerçek kullanıcı verisine, sayfa şablonuna ve kullanıcıların tamamlamaya çalıştığı göreve birlikte bakılarak verilir.
İlk adımı hemen atmak için web sitenizin mobil ve masaüstü hızını ücretsiz ölçün. Ardından rapordaki LCP, INP ve CLS bulgularını bu rehberdeki çözüm sırasına göre değerlendirin.
Resmî kaynaklar
Google Search Central: Core Web Vitals ve arama sonuçları
