Core Web Vitals με απλά λόγια: LCP, INP και CLS

Ένα site μπορεί να φαίνεται ωραίο, αλλά αν είναι αργό χάνει επισκέπτες και πέφτει στην κατάταξη της Google. Η Google μετρά την εμπειρία του επισκέπτη με τρεις δείκτες που λέγονται Core Web Vitals. Παρακάτω τους εξηγώ χωρίς τεχνικούς όρους, μαζί με τις πιο συχνές αιτίες και τις λύσεις τους.

Γιατί μετράει η ταχύτητα

Ο επισκέπτης δεν περιμένει. Αν η σελίδα αργεί να εμφανιστεί, γυρίζει στα αποτελέσματα και διαλέγει το επόμενο. Αυτός ο επισκέπτης ήταν ίσως ένας πελάτης.

Η Google χρησιμοποιεί τα Core Web Vitals ως ένα από τα κριτήρια κατάταξης. Δεν είναι το μόνο, αλλά όταν δύο σελίδες έχουν παρόμοιο περιεχόμενο, η πιο γρήγορη έχει πλεονέκτημα.

Οι τρεις δείκτες

LCP: πόσο γρήγορα εμφανίζεται το κύριο περιεχόμενο

Μετρά πόσο χρόνο χρειάζεται για να εμφανιστεί το μεγαλύτερο στοιχείο της σελίδας, συνήθως η κεντρική φωτογραφία ή ο τίτλος. Καλό: έως 2,5 δευτερόλεπτα. Θέλει βελτίωση: έως 4. Κακό: πάνω από 4.

INP: πόσο γρήγορα αντιδρά η σελίδα

Μετρά πόσο γρήγορα ανταποκρίνεται η σελίδα όταν ο επισκέπτης κάνει κλικ, ανοίγει ένα μενού ή γράφει σε μια φόρμα. Καλό: έως 200 χιλιοστά του δευτερολέπτου. Θέλει βελτίωση: έως 500. Κακό: πάνω από 500.

CLS: πόσο σταθερή είναι η διάταξη

Μετρά πόσο μετακινούνται τα στοιχεία της σελίδας την ώρα που φορτώνει. Όλοι το έχουμε ζήσει: πάμε να κάνουμε κλικ σε ένα κουμπί και την τελευταία στιγμή κατεβαίνει όλη η σελίδα επειδή φόρτωσε μια φωτογραφία ή ένα banner. Καλό: έως 0,1. Θέλει βελτίωση: έως 0,25. Κακό: πάνω από 0,25.

Η Google κρίνει κάθε δείκτη με βάση το 75% των επισκέψεων. Δηλαδή η σελίδα πρέπει να είναι γρήγορη για τους περισσότερους επισκέπτες και όχι μόνο στον δικό σας υπολογιστή.

Πώς ελέγχετε το δικό σας site

• PageSpeed Insights: γράφετε τη διεύθυνση της σελίδας και βλέπετε τους δείκτες για κινητό και υπολογιστή.
• Google Search Console: στην αναφορά «Βασικές μετρήσεις ιστοτόπου» βλέπετε ποιες σελίδες χρειάζονται βελτίωση.

Κοιτάξτε πρώτα το κινητό. Εκεί τα αποτελέσματα είναι συνήθως χειρότερα και από εκεί έρχονται οι περισσότεροι επισκέπτες.

Οι πιο συχνές αιτίες

• Φωτογραφίες ανεβασμένες κατευθείαν από το κινητό ή την κάμερα, πολύ μεγαλύτερες από όσο χρειάζεται.
• Πολλά plugins και εξωτερικά scripts (chat, χάρτες, pixels, sliders) που φορτώνουν σε κάθε σελίδα.
• Φθηνή ή υπερφορτωμένη φιλοξενία που αργεί να απαντήσει.
• Εικόνες, βίντεο και banners χωρίς δεσμευμένο χώρο, που μετακινούν τη διάταξη.
• Γραμματοσειρές που φορτώνουν αργά και αλλάζουν το κείμενο μετά την εμφάνιση.

Τι διορθώνεται χωρίς νέο site

Οι περισσότερες διορθώσεις γίνονται στο υπάρχον site:

• Συμπίεση εικόνων και μετατροπή σε WebP ή AVIF, στο σωστό μέγεθος για κάθε θέση.
• Caching σε επίπεδο σελίδας και server.
• Καθάρισμα από plugins και scripts που δεν χρειάζονται ή φορτώνουν σε σελίδες που δεν τα χρησιμοποιούν.
• Σταθερές διαστάσεις σε εικόνες, βίντεο και banners.
• Αναβάθμιση φιλοξενίας, όταν το πρόβλημα είναι ο server.

Θέλετε να το δούμε μαζί;

Αν το PageSpeed Insights σας βγάζει κόκκινο, στείλτε μου το link και θα δούμε μαζί τι μπορεί να βελτιωθεί. Αν το site χρειάζεται τακτική φροντίδα, δείτε και τη συντήρηση ιστοσελίδων.