Core Web Vitals
και η δουλειά από κάτω

Επειδή η βαθμολογία PageSpeed είναι ένα τεστ εργαστηρίου σε μία προσομοιωμένη συσκευή, ενώ τα Core Web Vitals κρίνονται από όσα βιώνουν οι πραγματικοί σας επισκέπτες.

Το τεστ εργαστηρίου φορτώνει μία σελίδα μία φορά, υπό σταθερές συνθήκες, συχνά χωρίς το banner cookies, το widget συνομιλίας ή το εξατομικευμένο περιεχόμενο που βλέπουν οι πραγματικοί επισκέπτες. Οι πραγματικοί επισκέπτες χρησιμοποιούν παλαιότερα κινητά, φορτωμένα δίκτυα κινητής και σελίδες στις οποίες φτάνουν αφού έχουν ήδη αλληλεπιδράσει με την ιστοσελίδα. Τα δεδομένα πεδίου από το Chrome User Experience Report, που εμφανίζονται στο Google Search Console και στην κορυφή του PageSpeed Insights, αποτυπώνουν αυτή την πραγματικότητα σε διάστημα 28 ημερών, και συχνά διαφέρουν πολύ από τον αριθμό του εργαστηρίου. Η Google χρησιμοποιεί τα δεδομένα πεδίου για την αναζήτηση. Το ίδιο κάνουμε κι εμείς: κάθε διάγνωση ξεκινά από τα στοιχεία πεδίου και μετά χρησιμοποιούμε εργαλεία εργαστηρίου για να βρούμε την αιτία όσων αποκαλύπτουν τα δεδομένα πεδίου.

Ναι, αλλά μόνο μετριοπαθώς: είναι μέρος των σημάτων εμπειρίας σελίδας της Google και δεν θα ανεβάσουν αδύναμο περιεχόμενο πάνω από ισχυρότερο.

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

Η Google χαρακτηρίζει μια σελίδα καλή όταν το largest contentful paint είναι 2,5 δευτερόλεπτα ή λιγότερο, το interaction to next paint 200 χιλιοστά του δευτερολέπτου ή λιγότερο και το cumulative layout shift 0,1 ή λιγότερο.

Τα όρια αυτά ισχύουν για το 75ο εκατοστημόριο των πραγματικών επισκέψεων, άρα τουλάχιστον τα τρία τέταρτα των επισκεπτών πρέπει να έχουν αυτή την εμπειρία, όχι απλώς ο μέσος επισκέπτης. Ανάμεσα στο καλό και το κακό υπάρχει μια ζώνη που σημειώνεται ως «χρειάζεται βελτίωση»: LCP έως 4 δευτερόλεπτα, INP έως 500 χιλιοστά του δευτερολέπτου και CLS έως 0,25. Τα αποτελέσματα αναφέρονται χωριστά για κινητό και desktop, και συνήθως το κινητό είναι το δυσκολότερο. Μια σελίδα περνά την αξιολόγηση μόνο όταν και οι τρεις δείκτες είναι καλοί. Ορίζουμε στόχους με κάποιο περιθώριο κάτω από τα όρια, γιατί τα δεδομένα πεδίου μετακινούνται καθώς αλλάζουν η κίνηση και το περιεχόμενο.

Το interaction to next paint (INP) μετρά πόσο γρήγορα μια σελίδα αντιδρά ορατά σε κάθε κλικ, πάτημα και πλήκτρο κατά τη διάρκεια μιας επίσκεψης, και η Google το έκανε Core Web Vital τον Μάρτιο του 2024 στη θέση του first input delay (FID).

Το FID μετρούσε μόνο την καθυστέρηση πριν ο browser αρχίσει να χειρίζεται την πρώτη αλληλεπίδραση, κάτι που οι περισσότερες ιστοσελίδες περνούσαν εύκολα ενώ αργότερα έμοιαζαν δυσκίνητες. Το INP εξετάζει όλες τις αλληλεπιδράσεις και αναφέρει μία από τις πιο αργές, οπότε αντανακλά πόσο άμεση είναι πραγματικά η αίσθηση μιας σελίδας. Το κακό INP προκαλείται συνήθως από βαρύ JavaScript: μεγάλες εργασίες που μπλοκάρουν το κύριο νήμα, μεγάλα frameworks, tag managers που φορτώνουν πολλά scripts και widgets τρίτων. Η διόρθωση σημαίνει σπάσιμο των μεγάλων εργασιών, αναβολή των scripts που δεν χρειάζονται αμέσως και αφαίρεση των tags που κοστίζουν περισσότερο απ’ όσο αποδίδουν.

Οι ίδιες οι διορθώσεις συχνά χρειάζονται λίγες εβδομάδες, όμως τα δεδομένα πεδίου της Google θέλουν έως 28 ημέρες για να τις αποτυπώσουν πλήρως, οπότε υπολογίστε ότι τα αποτελέσματα θα επιβεβαιωθούν μέσα σε έναν έως δύο μήνες.

Πρώτα έρχεται η διάγνωση: εξετάζουμε τα δεδομένα πεδίου στο Search Console, εντοπίζουμε ποια πρότυπα σελίδων αποτυγχάνουν και γιατί, και ιεραρχούμε τις αιτίες με βάση τον αντίκτυπο. Οι γρήγορες νίκες, όπως η συμπίεση εικόνων, η προφόρτωση της κύριας εικόνας, η δέσμευση χώρου για ενσωματώσεις και η αφαίρεση αχρησιμοποίητων tags, μπορούν να βγουν online μέσα σε ημέρες. Βαθύτερα προβλήματα, όπως ένας αργός server, ένα βαρύ theme ή ένας page builder που παράγει φουσκωμένο κώδικα, χρειάζονται περισσότερο χρόνο και μερικές φορές οδηγούν σε ανακατασκευή βασικών προτύπων. Παρακολουθούμε τα στοιχεία πεδίου κάθε εβδομάδα μετά από κάθε αλλαγή, ώστε να βλέπετε την τάση αντί να περιμένετε μία ετυμηγορία.

Ναι, τα scripts τρίτων είναι από τις πιο συχνές αιτίες αργής φόρτωσης και κακής απόκρισης, ειδικά στα κινητά.

Widgets συνομιλίας, analytics, διαφημιστικά pixels, εργαλεία heatmap, ενσωματωμένα βίντεο, σήματα κριτικών και banner cookies προσθέτουν το καθένα κώδικα που η συσκευή του επισκέπτη πρέπει να κατεβάσει και να εκτελέσει, και πολλά φορτώνουν περισσότερα απ’ όσα χρειάζονται. Μεμονωμένα μοιάζουν αθώα· μαζί μπορούν να προσθέσουν δευτερόλεπτα και να κάνουν τη σελίδα να μην αντιδρά στα πατήματα. Ο έλεγχός μας καταγράφει κάθε tag στην ιστοσελίδα, τι κοστίζει σε χρόνο φόρτωσης και σε τι χρησιμεύει. Συχνά κάποια δεν τα χρησιμοποιεί πια κανείς, άλλα μπορούν να φορτώνουν μετά το κύριο περιεχόμενο και άλλα να αντικατασταθούν με ελαφρύτερες εκδόσεις. Ο στόχος δεν είναι να καταργηθεί η μέτρηση, αλλά να μείνουν μόνο τα tags που αξίζουν το βάρος τους.