LCP, CLS ve INP nedir ve iyi eşik değerleri nelerdir?

Question

IT Interview Practice · Accepted Answer

**Core Web Vitals**, Google'ın gerçek kullanıcı deneyimini puanlamak için kullandığı üç alan (field) metriğidir: **LCP** (yükleme), **CLS** (görsel kararlılık) ve **INP** (tepkisellik).

## Her biri neyi ölçer

- **LCP — Largest Contentful Paint**: en büyük görünür öğenin (hero görseli, başlık) render edilmesine kadar geçen süre. "Ana içerik hızlı göründü mü?" sorusunu yanıtlar.
- **CLS — Cumulative Layout Shift**: yükleme sırasında içeriğin ne kadar beklenmedik şekilde zıpladığı. "Sayfa kararlı kaldı mı?" sorusunu yanıtlar.
- **INP — Interaction to Next Paint**: sayfanın tüm ziyaret boyunca dokunma/tıklama/tuş vuruşlarına ne kadar hızlı yanıt verdiği. "Çevik hissettiriyor mu?" sorusunu yanıtlar. INP, Mart 2024'te FID'nin yerini aldı.

## İyi eşik değerleri

| Metrik | İyi | Geliştirme gerekli | Zayıf |
|--------|------|-----------|------|
| LCP | ≤ 2.5s | ≤ 4.0s | > 4.0s |
| CLS | ≤ 0.1 | ≤ 0.25 | > 0.25 |
| INP | ≤ 200ms | ≤ 500ms | > 500ms |

Google, gerçek kullanıcıların **75. yüzdelik diliminde** (percentile) not verir — dolayısıyla "iyi", hızlı bir dizüstünde yaptığınız hızlı bir testte değil, ziyaretlerin %75'inin hedefe ulaşması demektir.

## Neden önemli

Görüşmeciler bunu, *güncel* metrikleri (FID değil INP) ve eşiklerini bildiğinizi kontrol etmek için sorar. Bu puanlar Google Arama sıralamasını besler ve doğrudan hemen çıkma oranı (bounce rate) ve dönüşümlerle ilişkilidir; dolayısıyla her birinin neyi ölçtüğünü bilmek, yavaş bir sayfada nereye odaklanacağınızı gösterir.

Metrik	İyi	Geliştirme gerekli	Zayıf
LCP	≤ 2.5s	≤ 4.0s	> 4.0s
CLS	≤ 0.1	≤ 0.25	> 0.25
INP	≤ 200ms	≤ 500ms	> 500ms

Her biri neyi ölçer

İyi eşik değerleri

Neden önemli

İlgili sorular