LCP, CLS, અને INP શું છે, અને સારા threshold કયા છે?

Question

IT Interview Practice · Accepted Answer

**Core Web Vitals** એ ત્રણ field metric છે જે Google વાસ્તવિક user experience ને 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**: આખી મુલાકાત દરમિયાન page tap/click/keypress ને કેટલી ઝડપથી પ્રતિસાદ આપે છે. તે જવાબ આપે છે "શું તે 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 વાસ્તવિક user ના **75મા percentile** પર grade કરે છે — તેથી "good" નો અર્થ છે 75% મુલાકાત target સુધી પહોંચે, માત્ર ઝડપી laptop પરનો તમારો ઝડપી test નહીં.

## આ શા માટે મહત્વનું છે

Interviewer આ પૂછે છે એ ચકાસવા કે તમે *વર્તમાન* metric (INP, FID નહીં) અને તેમના threshold જાણો છો. આ 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

આ શા માટે મહત્વનું છે

સંબંધિત પ્રશ્નો