LCP, CLS, மற்றும் INP என்றால் என்ன, நல்ல threshold-கள் என்ன?

Question

IT Interview Practice · Accepted Answer

**Core Web Vitals** என்பது உண்மையான பயனர் அனுபவத்தை மதிப்பிட Google பயன்படுத்தும் மூன்று field metric-கள்: **LCP** (loading), **CLS** (visual stability), மற்றும் **INP** (responsiveness).

## ஒவ்வொன்றும் எதை அளக்கிறது

- **LCP — Largest Contentful Paint**: மிகப்பெரிய காணக்கூடிய element (hero image, headline) render ஆகும் வரையிலான நேரம். "முக்கிய உள்ளடக்கம் வேகமாகத் தோன்றியதா?" என்பதற்கு இது பதிலளிக்கிறது.
- **CLS — Cumulative Layout Shift**: load ஆகும்போது உள்ளடக்கம் எதிர்பாராமல் எவ்வளவு தாவுகிறது. "page நிலையாக இருந்ததா?" என்பதற்கு இது பதிலளிக்கிறது.
- **INP — Interaction to Next Paint**: முழு வருகை முழுவதும் tap/click/keypress-களுக்கு page எவ்வளவு வேகமாக பதிலளிக்கிறது. "இது snappy-ஆக உணரப்படுகிறதா?" என்பதற்கு இது பதிலளிக்கிறது. INP, March 2024-இல் FID-ஐ மாற்றியது.

## நல்ல threshold-கள்

| Metric | Good | Needs work | Poor |
|--------|------|-----------|------|
| LCP | ≤ 2.5s | ≤ 4.0s | > 4.0s |
| CLS | ≤ 0.1 | ≤ 0.25 | > 0.25 |
| INP | ≤ 200ms | ≤ 500ms | > 500ms |

Google உண்மையான பயனர்களின் **75-ஆவது percentile**-இல் மதிப்பிடுகிறது — எனவே "good" என்பது வேகமான laptop-இல் உங்கள் வேகமான test மட்டுமல்ல, 75% வருகைகள் இலக்கை அடைகின்றன என்பதைக் குறிக்கிறது.

## இது ஏன் முக்கியம்

*தற்போதைய* metric-கள் (FID அல்ல, INP) மற்றும் அவற்றின் threshold-களை நீங்கள் அறிவீர்களா என்பதைச் சரிபார்க்க interviewer-கள் இதைக் கேட்கிறார்கள். இந்த score-கள் Google Search ranking-ஐ ஊட்டுகின்றன மற்றும் bounce rate மற்றும் conversion-களுடன் நேரடியாக தொடர்புடையவை, எனவே ஒவ்வொன்றும் எதை அளக்கிறது என்பதை அறிவது ஒரு மெதுவான page-இல் எங்கே கவனம் செலுத்துவது என்பதைச் சொல்கிறது.

Metric	Good	Needs work	Poor
LCP	≤ 2.5s	≤ 4.0s	> 4.0s
CLS	≤ 0.1	≤ 0.25	> 0.25
INP	≤ 200ms	≤ 500ms	> 500ms

ஒவ்வொன்றும் எதை அளக்கிறது

நல்ல threshold-கள்

இது ஏன் முக்கியம்

தொடர்புடைய கேள்விகள்