LCP, CLS, ਅਤੇ INP ਕੀ ਹਨ, ਅਤੇ ਚੰਗੇ thresholds ਕੀ ਹਨ?

Question

IT Interview Practice · Accepted Answer

**Core Web Vitals** ਤਿੰਨ field metrics ਹਨ ਜਿਨ੍ਹਾਂ ਨੂੰ Google ਅਸਲ ਉਪਭੋਗਤਾ ਅਨੁਭਵ ਨੂੰ score ਕਰਨ ਲਈ ਵਰਤਦਾ ਹੈ: **LCP** (loading), **CLS** (visual stability), ਅਤੇ **INP** (responsiveness)।

## ਹਰ ਇੱਕ ਕੀ ਮਾਪਦਾ ਹੈ

- **LCP — Largest Contentful Paint**: ਸਭ ਤੋਂ ਵੱਡਾ ਦਿਖਣਯੋਗ element (hero image, headline) render ਹੋਣ ਤੱਕ ਦਾ ਸਮਾਂ। ਇਹ ਜਵਾਬ ਦਿੰਦਾ ਹੈ "ਕੀ ਮੁੱਖ content ਤੇਜ਼ੀ ਨਾਲ ਦਿਖਿਆ?"
- **CLS — Cumulative Layout Shift**: loading ਦੌਰਾਨ content ਕਿੰਨਾ ਅਚਾਨਕ ਇੱਧਰ-ਉੱਧਰ ਛਾਲ ਮਾਰਦਾ ਹੈ। ਇਹ ਜਵਾਬ ਦਿੰਦਾ ਹੈ "ਕੀ page ਸਥਿਰ ਰਿਹਾ?"
- **INP — Interaction to Next Paint**: ਪੂਰੀ visit ਦੌਰਾਨ page taps/clicks/keypresses ਦਾ ਕਿੰਨੀ ਤੇਜ਼ੀ ਨਾਲ ਜਵਾਬ ਦਿੰਦਾ ਹੈ। ਇਹ ਜਵਾਬ ਦਿੰਦਾ ਹੈ "ਕੀ ਇਹ snappy ਮਹਿਸੂਸ ਹੁੰਦਾ ਹੈ?" INP ਨੇ ਮਾਰਚ 2024 ਵਿੱਚ FID ਦੀ ਥਾਂ ਲਈ।

## ਚੰਗੇ thresholds

| Metric | ਚੰਗਾ | ਸੁਧਾਰ ਦੀ ਲੋੜ | ਮਾੜਾ |
|--------|------|-----------|------|
| LCP | ≤ 2.5s | ≤ 4.0s | > 4.0s |
| CLS | ≤ 0.1 | ≤ 0.25 | > 0.25 |
| INP | ≤ 200ms | ≤ 500ms | > 500ms |

Google ਅਸਲ ਉਪਭੋਗਤਾਵਾਂ ਦੇ **75ਵੇਂ percentile** 'ਤੇ grade ਦਿੰਦਾ ਹੈ — ਇਸ ਲਈ "ਚੰਗਾ" ਦਾ ਮਤਲਬ ਹੈ ਕਿ 75% visits target ਨੂੰ ਪੂਰਾ ਕਰਦੀਆਂ ਹਨ, ਨਾ ਕਿ ਸਿਰਫ਼ ਇੱਕ ਤੇਜ਼ laptop 'ਤੇ ਤੁਹਾਡਾ ਤੇਜ਼ test।

## ਇਹ ਮਹੱਤਵਪੂਰਨ ਕਿਉਂ ਹੈ

Interviewers ਇਹ ਜਾਂਚਣ ਲਈ ਪੁੱਛਦੇ ਹਨ ਕਿ ਤੁਸੀਂ *ਮੌਜੂਦਾ* metrics (INP, ਨਾ ਕਿ FID) ਅਤੇ ਉਹਨਾਂ ਦੇ thresholds ਜਾਣਦੇ ਹੋ। ਇਹ scores Google Search ranking ਵਿੱਚ ਯੋਗਦਾਨ ਪਾਉਂਦੇ ਹਨ ਅਤੇ bounce rate ਤੇ conversions ਨਾਲ ਸਿੱਧਾ correlate ਕਰਦੇ ਹਨ, ਇਸ ਲਈ ਹਰ ਇੱਕ ਕੀ ਮਾਪਦਾ ਹੈ ਇਹ ਜਾਣਨਾ ਤੁਹਾਨੂੰ ਦੱਸਦਾ ਹੈ ਕਿ ਇੱਕ ਹੌਲੀ page 'ਤੇ ਕਿੱਥੇ ਧਿਆਨ ਦੇਣਾ ਹੈ।

Metric	ਚੰਗਾ	ਸੁਧਾਰ ਦੀ ਲੋੜ	ਮਾੜਾ
LCP	≤ 2.5s	≤ 4.0s	> 4.0s
CLS	≤ 0.1	≤ 0.25	> 0.25
INP	≤ 200ms	≤ 500ms	> 500ms

ਹਰ ਇੱਕ ਕੀ ਮਾਪਦਾ ਹੈ

ਚੰਗੇ thresholds

ਇਹ ਮਹੱਤਵਪੂਰਨ ਕਿਉਂ ਹੈ

ਸੰਬੰਧਿਤ ਸਵਾਲ