Τι είναι τα LCP, CLS και INP, και ποια είναι τα καλά thresholds;

Question

IT Interview Practice · Accepted Answer

Τα **Core Web Vitals** είναι τρεις μετρικές πεδίου που χρησιμοποιεί η Google για να βαθμολογήσει την πραγματική εμπειρία χρήστη: **LCP** (φόρτωση), **CLS** (οπτική σταθερότητα) και **INP** (αποκρισιμότητα).

## Τι μετρά το καθένα

- **LCP — Largest Contentful Paint**: ο χρόνος μέχρι να γίνει render το μεγαλύτερο ορατό στοιχείο (hero image, τίτλος). Απαντά στο "εμφανίστηκε γρήγορα το κύριο περιεχόμενο;"
- **CLS — Cumulative Layout Shift**: πόσο το περιεχόμενο μετακινείται απροσδόκητα κατά τη φόρτωση. Απαντά στο "παρέμεινε σταθερή η σελίδα;"
- **INP — Interaction to Next Paint**: πόσο γρήγορα ανταποκρίνεται η σελίδα σε taps/clicks/πατήματα πλήκτρων σε όλη την επίσκεψη. Απαντά στο "νιώθει γρήγορη;" Το INP αντικατέστησε το FID τον Μάρτιο του 2024.

## Καλά thresholds

| Μετρική | Καλό | Χρειάζεται βελτίωση | Κακό |
|--------|------|-----------|------|
| LCP | ≤ 2.5s | ≤ 4.0s | > 4.0s |
| CLS | ≤ 0.1 | ≤ 0.25 | > 0.25 |
| INP | ≤ 200ms | ≤ 500ms | > 500ms |

Η Google βαθμολογεί στο **75ό εκατοστημόριο** των πραγματικών χρηστών — οπότε "καλό" σημαίνει ότι το 75% των επισκέψεων πετυχαίνει τον στόχο, όχι απλώς το γρήγορο test σας σε ένα γρήγορο laptop.

## Γιατί έχει σημασία

Οι συνεντευξιαστές το ρωτούν για να ελέγξουν αν γνωρίζετε τις *τρέχουσες* μετρικές (INP, όχι FID) και τα thresholds τους. Αυτές οι βαθμολογίες τροφοδοτούν την κατάταξη στην Google Search και συσχετίζονται άμεσα με το bounce rate και τα conversions, οπότε το να γνωρίζετε τι μετρά η καθεμία σας λέει πού να εστιάσετε σε μια αργή σελίδα.

Μετρική	Καλό	Χρειάζεται βελτίωση	Κακό
LCP	≤ 2.5s	≤ 4.0s	> 4.0s
CLS	≤ 0.1	≤ 0.25	> 0.25
INP	≤ 200ms	≤ 500ms	> 500ms

Τι μετρά το καθένα

Καλά thresholds

Γιατί έχει σημασία

Σχετικές ερωτήσεις