Τι σημαίνουν τα LCP, INP και CLS;

Είναι τα τρία Core Web Vitals που χρησιμοποιεί η Google για να περιγράψει την εμπειρία χρήστη μιας σελίδας. Το Largest Contentful Paint (LCP) μετρά τη φόρτωση: πόσο χρόνο χρειάζεται να εμφανιστεί το κύριο περιεχόμενο. Το Interaction to Next Paint (INP) μετρά την ανταπόκριση: πόσο γρήγορα αντιδρά η σελίδα όταν κάνετε κλικ, πατάτε ή πληκτρολογείτε. Το Cumulative Layout Shift (CLS) μετρά την οπτική σταθερότητα: πόσο «πηδά» η διάταξη της σελίδας. Καλό σημαίνει LCP έως 2.5 δευτερόλεπτα, INP έως 200 χιλιοστά του δευτερολέπτου και CLS 0.1 ή χαμηλότερο.

Οι τρεις μετρικές με μια ματιά

Αυτά είναι τα όρια που ορίζει η βοήθεια για την αναφορά Core Web Vitals της Google. Μια σελίδα περνά τον έλεγχο όταν και οι τρεις μετρικές είναι καλές στο 75ο εκατοστημόριο των επισκέψεων, με ξεχωριστή μέτρηση για κινητά και υπολογιστές.

LCP: Largest Contentful Paint

Το LCP είναι ο χρόνος από τη στιγμή που ξεκινά η φόρτωση της σελίδας μέχρι να αποδοθεί η μεγαλύτερη εικόνα, το μεγαλύτερο βίντεο ή το μεγαλύτερο μπλοκ κειμένου στην ορατή περιοχή. Επιλέξιμα στοιχεία είναι τα στοιχεία <img>, οι εικόνες μέσα σε SVG, η εικόνα poster ή το πρώτο καρέ ενός βίντεο, οι εικόνες φόντου CSS και το κείμενο σε στοιχεία μπλοκ. Ο browser σταματά να αναζητά νέους υποψήφιους μόλις ο επισκέπτης αλληλεπιδράσει με τη σελίδα. Ένα αργό LCP οφείλεται συνήθως σε αργή απόκριση του διακομιστή, σε μεγάλη εικόνα hero ή σε εικόνα που ανακαλύπτεται αργά, ή σε CSS και scripts που μπλοκάρουν την απόδοση.

INP: Interaction to Next Paint

Το INP παρακολουθεί τα κλικ, τα πατήματα και τα πλήκτρα κατά τη διάρκεια μιας επίσκεψης και μετρά πόσο χρόνο χρειάζεται καθένα μέχρι ο browser να μπορέσει να αποδώσει το επόμενο καρέ. Το πέρασμα του δείκτη (hover), η κύλιση και το ζουμ δεν προσμετρώνται. Η τιμή που αναφέρεται είναι η πιο αργή αλληλεπίδραση, με παράβλεψη των ακραίων τιμών σε σελίδες με πολλές αλληλεπιδράσεις. Το INP αντικατέστησε το First Input Delay (FID) ως Core Web Vital τον Μάρτιο του 2024· το FID εξέταζε μόνο την πρώτη αλληλεπίδραση, ενώ το INP καλύπτει ολόκληρη την επίσκεψη. Ένα κακό INP προκύπτει συνήθως από μεγάλες εργασίες JavaScript που κρατούν απασχολημένο το κύριο νήμα.

CLS: Cumulative Layout Shift

Το CLS αθροίζει τις απροσδόκητες μετατοπίσεις της διάταξης, όπως το κείμενο που πέφτει προς τα κάτω όταν φορτώνει μια εικόνα ή μια διαφήμιση πάνω από αυτό, και αναφέρει τη μεγαλύτερη ριπή μετατοπίσεων κατά την επίσκεψη. Κάθε μετατόπιση βαθμολογείται ανάλογα με το πόσο μεγάλο μέρος της οθόνης μετακινήθηκε και πόσο μακριά. Οι μετατοπίσεις που συμβαίνουν μέσα σε 500 χιλιοστά του δευτερολέπτου από ένα κλικ, ένα πάτημα ή ένα πλήκτρο εξαιρούνται, επειδή τότε ο επισκέπτης αναμένει να αλλάξει η σελίδα.

Από πού προέρχονται οι αριθμοί;

Η αναφορά Core Web Vitals του Search Console χρησιμοποιεί δεδομένα πεδίου από το Chrome UX Report: πραγματικές επισκέψεις με Chrome των τελευταίων 28 ημερών, ομαδοποιημένες σε σύνολα παρόμοιων σελίδων, με κάθε ομάδα να αξιολογείται με βάση την πιο αδύναμη μετρική της. Τα εργαστηριακά εργαλεία, όπως το Lighthouse, φορτώνουν τη σελίδα χωρίς πραγματικό επισκέπτη, γι' αυτό δεν μπορούν να μετρήσουν το INP και χρησιμοποιούν το Total Blocking Time ως υποκατάστατο, όπως εξηγεί η επισκόπηση των Web Vitals του web.dev. Θεωρήστε τις εργαστηριακές βαθμολογίες εργαλείο για τον εντοπισμό προβλημάτων και τα δεδομένα πεδίου την τελική κρίση.

Επηρεάζουν τα Core Web Vitals την κατάταξη;

Η Google συνιστά ανεπιφύλακτα την επίτευξη καλών Core Web Vitals για επιτυχία στην Αναζήτηση και αναφέρει ότι η εμπειρία σελίδας ευθυγραμμίζεται με όσα επιδιώκουν να επιβραβεύσουν τα βασικά συστήματα κατάταξής της. Δεν είναι συντόμευση: μια γρήγορη σελίδα πρέπει και πάλι να είναι η καλύτερη απάντηση. Το Πώς διορθώνω τις κακές βαθμολογίες Core Web Vitals; εξηγεί τι να αλλάξετε για κάθε μετρική.

Πώς βοηθά το AutoPSEO

Η αναφορά Core Web Vitals του AutoPSEO διαβάζει το ιστορικό του Chrome UX Report για ολόκληρο τον ιστότοπό σας ή για ένα μεμονωμένο URL, ανά κινητό, υπολογιστή ή tablet, και απεικονίζει σε γράφημα τα LCP, INP και CLS (καθώς και το first contentful paint και το time to first byte) στο 75ο εκατοστημόριο, με περίπου έξι μήνες εβδομαδιαίων δεδομένων, ώστε να βλέπετε πότε μια μετρική άρχισε να χειροτερεύει.