Projenizi konuşalımÜcretsiz keşif görüşmesiWhatsApp
Performans7 dk okuma404 AjansMay 21, 2026Son güncelleme: September 21, 2026

Core Web Vitals Nedir? LCP, CLS ve INP Rehberi

Core Web Vitals Nedir? LCP, CLS ve INP Rehberi

Core Web Vitals nedir sorusu, sayfa deneyimi ve SEO'yla ilgilenen herkesin karşısına çıkar. Core Web Vitals, Google'ın bir sayfanın gerçek kullanıcılar için ne kadar hızlı, kararlı ve tepkisel olduğunu ölçmek üzere tanımladığı bir dizi metriktir. Bu metrikler, laboratuvar testlerinin ötesinde gerçek ziyaretçilerin deneyimini yansıtır ve arama sıralamasını etkileyen sinyaller arasında yer alır. Üç temel metrik vardır: LCP, CLS ve INP.

LCP: En Büyük İçerikli Boyama

LCP (Largest Contentful Paint), sayfanın görünen alanındaki en büyük içerik öğesinin ne zaman yüklendiğini ölçer. Bu genellikle büyük bir görsel, video ya da geniş bir metin bloğudur. Kullanıcı için LCP, «sayfa gerçekten yüklendi» hissinin ne zaman oluştuğunu temsil eder. İyi bir LCP değeri 2,5 saniyenin altındadır.

  • —Sunucu yanıt süresini düşürün ve kaliteli hosting kullanın.
  • —Görünen alandaki büyük görselleri optimize edin ve öncelikli yükleyin.
  • —Render'ı bloke eden CSS ve JavaScript'i azaltın.
  • —Önbellek ve CDN ile içeriği kullanıcıya daha hızlı ulaştırın.

CLS: Kümülatif Düzen Kayması

CLS (Cumulative Layout Shift), sayfa yüklenirken içeriğin beklenmedik biçimde kaymasını ölçer. Bir butona basmak üzereyken üstte geç yüklenen bir görsel yüzünden düzenin kayması ve yanlış yere tıklamak, kötü CLS'nin klasik örneğidir. İyi bir CLS değeri 0,1'in altındadır ve görsel kararlılık kullanıcı güveni için kritiktir.

  • —Görseller ve videolar için genişlik ve yükseklik değerlerini önceden belirtin.
  • —Reklam ve gömülü içerik alanları için sabit yer ayırın.
  • —Yeni içeriği mevcut içeriğin üstüne değil, uygun alanlara ekleyin.
  • —Fontları, metnin geç kaymasına yol açmayacak şekilde yükleyin.

INP: Etkileşimden Sonraki Boyama

INP (Interaction to Next Paint), kullanıcının bir tıklama, dokunma veya tuş girişi yaptıktan sonra sayfanın görsel olarak yanıt vermesinin ne kadar sürdüğünü ölçer. Yani sitenin ne kadar «tepkisel» hissettirdiğini gösterir. Yavaş INP, genellikle ağır JavaScript işlemlerinin ana iş parçacığını meşgul etmesinden kaynaklanır. İyi bir INP değeri 200 milisaniyenin altındadır.

  • —Ağır JavaScript görevlerini küçük parçalara bölün.
  • —Kullanılmayan ve gereksiz scriptleri kaldırın.
  • —Uzun süren hesaplamaları kullanıcı etkileşiminden ayırın.
  • —Üçüncü taraf kodlarının ana iş parçacığını kilitlemesini önleyin.

Nasıl Ölçülür?

Core Web Vitals iki tür veriyle değerlendirilir: gerçek kullanıcı verisi (alan verisi) ve laboratuvar verisi. Google'ın ücretsiz araçları her ikisini de gösterir. Alan verisi, sitenizi ziyaret eden gerçek kullanıcıların deneyimini toplarken; laboratuvar verisi kontrollü bir ortamda test imkânı sunar. Kalıcı iyileştirme için alan verisini takip etmek, çünkü sıralamayı etkileyen asıl budur.

Neden Önemli?

Core Web Vitals yalnızca teknik bir ölçüm değildir; doğrudan kullanıcı memnuniyetiyle ilişkilidir. Hızlı yüklenen, kaymayan ve anında tepki veren bir site, ziyaretçileri elde tutar ve dönüşüm oranını artırır. Bu metrikleri iyileştirmek, hem arama motorlarına hem de kullanıcılara sitenizin kaliteli olduğunu gösterir. Kısacası Core Web Vitals'ı iyileştirmek, performans ile SEO'yu aynı çatı altında buluşturur.

Sık Sorulan Sorular

Core Web Vitals Google sıralamalarını doğrudan etkiler mi?+

Evet. Google bunları Sayfa Deneyimi sinyalinin bir parçası olarak kullanıyor. İyi Core Web Vitals değerleri, özellikle içerik kalitesi rakiplerle benzer olduğunda, sıralamada avantaj sağlar.

En yaygın Core Web Vitals sorunu hangisi?+

LCP en sık başarısız olan metriktir; genellikle görünen alandaki büyük, optimize edilmemiş görseller veya yavaş sunucu yanıt sürelerinden kaynaklanır.

E

Efe TacirlioğluKurucu & Baş Geliştirici & UI/UX Tasarımcısı

404 Ajans'ın kurucusu, İstanbul merkezli. Oyun geliştirme sektöründeki tecrübesiyle ajansın web tasarım, e-ticaret ve özel yazılım projelerini uçtan uca tasarlıyor ve geliştiriyor.

Dijital varlığınızı bir üst seviyeye taşımaya hazır mısınız?

Projenizi konuşalım ve birlikte neler inşa edebileceğimizi görelim.

İletişime Geçin