Blog
Core Web Vitals Nedir? LCP, INP ve CLS Nasıl İyileştirilir?
Ben Emre Şahin; EPAZABU’da yazılım ekibini yönetiyorum. Müşterilerimiz bize çoğu zaman “PageSpeed puanım kırmızı” diye gelir. Oysa Google’ın asıl baktığı şey tek bir puan değil, gerçek kullanıcıların deneyimini ölçen Core Web Vitals metrikleridir. Bu yazıda Core Web Vitals nedir, LCP, INP ve CLS ne anlatır, eşik değerleri nelerdir ve bir geliştirici olarak hangi adımlarla iyileştirdiğimizi anlatıyorum.
Bu makaleyi yapay zekâya sorun
Bir asistan seçin; telefonda uygulaması açılır, bu yazının adresi otomatik eklenir ve yazı hakkında daha fazla bilgi istenir.
Telefonda ilgili uygulama açılır ve soru otomatik gelir. Gelmezse soru panonuza kopyalanmış olur; yazı alanına yapıştırmanız yeterli.Kısa cevap: Core Web Vitals, Google’ın sayfa deneyimini ölçmek için kullandığı üç metriktir: yüklenme hızını ölçen LCP, etkileşime tepki süresini ölçen INP ve görsel kararlılığı ölçen CLS. İyi sayılmak için ziyaretlerin en az %75’inde LCP 2,5 saniye, INP 200 milisaniye ve CLS 0,1 veya altında olmalıdır.
Core Web Vitals nedir?
Google, bir sayfanın kullanıcıya ne kadar iyi bir deneyim sunduğunu ölçmek için Web Vitals adlı bir girişim başlattı. Core Web Vitals, bu metriklerin tüm sitelere uygulanan çekirdek kısmıdır ve üç soruya cevap verir: Sayfa ne kadar hızlı yükleniyor? Tıkladığımda ne kadar hızlı tepki veriyor? Yüklenirken içerik yerinden oynuyor mu?
| Metrik | Ne ölçer? | İyi | İyileştirilmeli | Kötü |
|---|---|---|---|---|
| LCP (Largest Contentful Paint) | En büyük görsel veya metin bloğunun görünme süresi | ≤ 2,5 sn | 2,5–4 sn | > 4 sn |
| INP (Interaction to Next Paint) | Tıklama, dokunma ve tuşlamaya tepki süresi | ≤ 200 ms | 200–500 ms | > 500 ms |
| CLS (Cumulative Layout Shift) | Beklenmedik yerleşim kaymalarının toplamı | ≤ 0,1 | 0,1–0,25 | > 0,25 |
INP, 12 Mart 2024’te FID’in (First Input Delay) yerini aldı. FID yalnızca ilk etkileşimin gecikmesine bakıyordu; INP ise sayfadaki tüm etkileşimleri hesaba katar, bu yüzden ağır JavaScript kullanan siteler için daha zorlayıcıdır.
Core Web Vitals SEO’yu etkiler mi?
Evet, ama abartıldığı kadar değil. Google, Core Web Vitals metriklerinin sıralama sistemlerinin kullandığı sayfa deneyimi sinyallerinin bir parçası olduğunu söyler. Aynı zamanda en alakalı içeriğin, sayfa deneyimi ortalama olsa bile öne çıkabileceğini de açıkça belirtir. Yani yeşil puan zayıf bir içeriği birinci sıraya taşımaz; ama içerikleri birbirine yakın iki sayfa arasında fark yaratabilir ve en önemlisi ziyaretçinin siteden çıkmadan form doldurmasını kolaylaştırır.
Saha verisi ve laboratuvar verisi farkı
Core Web Vitals değerlendirmesi gerçek Chrome kullanıcılarından toplanan saha verisine (Chrome UX Report, CrUX) dayanır ve son 28 günün 75. yüzdelik değerine bakar; mobil ve masaüstü ayrı değerlendirilir. Lighthouse ve PageSpeed Insights’taki 0–100 arası puan ise tek bir test cihazında yapılan laboratuvar ölçümüdür. Laboratuvar sorunları bulmak için, saha verisi ise sonucu görmek içindir. Trafiği az olan sitelerde saha verisi hiç oluşmayabilir; bu durumda laboratuvar ölçümüyle çalışılır.
Core Web Vitals değerlerinizi ücretsiz inceleyelim. Site adresinizi gönderin; LCP, INP ve CLS sorunlu sayfa gruplarını çıkarıp hangi düzeltmenin en çok fark yaratacağını kısa bir listeyle paylaşalım.
Core Web Vitals nasıl ölçülür?
- PageSpeed Insights: Tek bir sayfanın hem saha hem laboratuvar verisini gösterir; üstteki “Gerçek kullanıcılarınızın deneyimi” bölümü asıl sonuçtur.
- Search Console › Core Web Vitals raporu: Benzer sayfaları gruplayarak tüm sitedeki sorunlu adresleri gösterir. Kurulum için Google Search Console nedir yazımıza bakın.
- Chrome Geliştirici Araçları › Performance: Hangi kodun INP’yi bozduğunu veya hangi öğenin kaydığını satır satır gösterir.
LCP, INP ve CLS nasıl iyileştirilir?
- LCP için sunucuyu ve ana görseli hızlandırın: Önbellekleme ve CDN ile sunucu yanıt süresini kısaltın; hero görselini WebP veya AVIF olarak sıkıştırın,
loading="lazy"vermeyin, gerekirsefetchpriority="high"ile öne alın. - LCP için engelleyici dosyaları azaltın: Kullanılmayan CSS’i temizleyin, kritik olmayan JavaScript’i
deferile erteleyin, yazı tiplerindefont-display: swapkullanın. - INP için ana iş parçacığını boşaltın: Uzun JavaScript görevlerini bölün, gereksiz eklenti ve üçüncü taraf etiketlerini (sohbet, ısı haritası, eski piksel kodları) kaldırın veya geç yükleyin.
- CLS için yer ayırın: Görsel ve videolara
widthveheightverin, reklam ve çerez bandı için sabit alan bırakın, içeriğin üstüne sonradan eklenen öğelerden kaçının. - Değişikliği ölçün: Saha verisi 28 günlük olduğu için iyileşmenin raporlara yansıması birkaç hafta sürer; Search Console’daki “Düzeltmeyi doğrula” düğmesiyle takibi başlatın.
WordPress sitelerde Core Web Vitals
WordPress sitelerde sorunların büyük kısmı ağır sayfa oluşturuculardan, her sayfada yüklenen eklentilerden ve optimize edilmemiş görsellerden gelir. LiteSpeed Cache gibi bir önbellek eklentisi, görsel sıkıştırma ve kullanılmayan eklentilerin kaldırılması çoğu sitede LCP’yi belirgin biçimde düşürür. Genel hız adımlarını site hızı nasıl artırılır yazımızda, tema seçiminin etkisini WordPress tema seçimi rehberimizde anlattık.
Biz yazılım geliştirme ve teknik SEO ekiplerimizle birlikte önce saha verisine bakıp gerçekten kötü olan sayfa gruplarını seçiyor, sonra kodu ve sunucuyu bu gruplara göre iyileştiriyoruz. Puan kovalamak yerine ziyaretçinin hissettiği hızı düzeltmek, hem sıralamaya hem dönüşüme daha çok katkı sağlar.
Kaynaklar ve ileri okuma
Siteniz gerçek kullanıcılar için yeterince hızlı mı?
Core Web Vitals, sunucu ve kod tarafındaki sorunları tek raporda görün; düzeltmeleri yazılım ekibimizle birlikte yapalım.
Core Web Vitals hakkında sıkça sorulan sorular
PageSpeed puanı 100 olmalı mı?
Hayır. Laboratuvar puanı bir teşhis aracıdır. Önemli olan, gerçek kullanıcı verisinde LCP, INP ve CLS değerlerinin “İyi” aralığında olmasıdır.
Core Web Vitals verisi neden görünmüyor?
Saha verisi yeterli sayıda Chrome kullanıcısı ziyaret ettiğinde oluşur. Yeni veya trafiği az sitelerde PageSpeed Insights yalnızca laboratuvar sonucunu gösterir.
Düzeltme yaptım, rapor ne zaman değişir?
Saha verisi son 28 günü kapsadığı için iyileşmenin tam yansıması yaklaşık dört hafta sürer.
FID hâlâ ölçülüyor mu?
Hayır. 12 Mart 2024’ten itibaren Core Web Vitals’ta FID yerine INP kullanılıyor.
Bu yazıyı yapay zekâya sorun
Yazı hakkında daha fazla bilgi mi istiyorsunuz? Asistanınızı seçin; yazının adresi soruyla birlikte otomatik gönderilir.
