Ταχύτητα website και Core Web Vitals: τι σημαίνουν;

Ταχύτητα website είναι το πόσο γρήγορα φορτώνουν οι σελίδες σας, ανταποκρίνονται στα αγγίγματα και σταθεροποιούνται στη συσκευή του επισκέπτη. Η Google τη μετρά με τρία Core Web Vitals, και μια σελίδα θεωρείται γρήγορη όταν τουλάχιστον το 75% των πραγματικών επισκέψεων πιάνει τα «καλά» όρια και στα τρία.

Γιατί έχει σημασία η ταχύτητα για μια επιχείρηση;

Η ταχύτητα μετράει πρώτα για τους ανθρώπους και μόνο δεύτερον για τη Google. Ένας επισκέπτης σε κινητό με ασταθή σύνδεση δεν περιμένει ευγενικά: αν η σελίδα είναι κενή ή πετάγεται, γυρίζει πίσω και διαλέγει το επόμενο αποτέλεσμα. Για ένα δικηγορικό γραφείο, έναν υδραυλικό ή ένα κατάστημα, αυτό είναι ένα χαμένο αίτημα που δεν βλέπετε ποτέ.

Στην αναζήτηση, να είστε ακριβείς για το τι λέει πράγματι η Google. Το Google Search Central αναφέρει ότι τα Core Web Vitals χρησιμοποιούνται από τα συστήματα κατάταξής της και συνιστά στους ιδιοκτήτες sites να πετυχαίνουν καλές βαθμολογίες. Λέει επίσης ότι η καλή εμπειρία σελίδας δεν αντικαθιστά το σχετικό περιεχόμενο: η Google θα δείξει την πιο σχετική σελίδα ακόμα κι αν η εμπειρία της είναι ασθενέστερη. Στην πράξη, η ταχύτητα σας βοηθά να κερδίζετε τις οριακές περιπτώσεις απέναντι σε παρόμοιες σελίδες. Δεν θα κάνει μια φτωχή σελίδα να ανέβει.

Ποια είναι τα τρία Core Web Vitals;

Τα Core Web Vitals είναι τρεις μετρήσεις που επέλεξε η Google για να περιγράφουν πώς αισθάνεται μια σελίδα ένας πραγματικός χρήστης.

• Largest Contentful Paint (LCP) μετρά τη φόρτωση: πόσος χρόνος περνά μέχρι να εμφανιστεί το μεγαλύτερο ορατό στοιχείο, συνήθως μια κεντρική εικόνα ή ένας τίτλος.
• Interaction to Next Paint (INP) μετρά την απόκριση: πόσο χρειάζεται η σελίδα για να αντιδράσει ορατά αφού κάποιος αγγίξει, κάνει κλικ ή πληκτρολογήσει. Το INP αντικατέστησε το First Input Delay (FID) ως Core Web Vital τον Μάρτιο του 2024.
• Cumulative Layout Shift (CLS) μετρά την οπτική σταθερότητα: πόσο μετακινείται απρόσμενα το περιεχόμενο όσο φορτώνει η σελίδα. Είναι βαθμολογία, όχι χρόνος.

Ποια είναι τα επίσημα όρια των Core Web Vitals;

Αυτά είναι τα όρια που δημοσιεύονται στο web.dev. Το καθένα αξιολογείται στο 75ο εκατοστημόριο των φορτώσεων, χωριστά για κινητά και υπολογιστές. Αυτό σημαίνει ότι το 75% των επισκέψεων πρέπει να είναι στην «καλή» τιμή ή καλύτερα.

Μια σελίδα ή ένα site περνά την αξιολόγηση Core Web Vitals μόνο όταν και οι τρεις μετρήσεις είναι «καλές».

Ποια η διαφορά ανάμεσα σε δεδομένα εργαστηρίου και δεδομένα πεδίου;

Τα δεδομένα εργαστηρίου προέρχονται από μια δοκιμή σε μία προσομοιωμένη συσκευή και σύνδεση. Τα δεδομένα πεδίου προέρχονται από πραγματικούς επισκέπτες.

• Δεδομένα εργαστηρίου: το PageSpeed Insights τρέχει το Lighthouse, που φορτώνει τη σελίδα σας μία φορά σε ένα προσομοιωμένο κινητό μεσαίας κατηγορίας με περιορισμένη σύνδεση. Είναι επαναλήψιμο και χρήσιμο για διάγνωση προβλημάτων, αλλά είναι μία συνθετική επίσκεψη.
• Δεδομένα πεδίου: το Chrome User Experience Report (CrUX) συλλέγει ανώνυμους χρόνους από πραγματικούς χρήστες του Chrome που έχουν συναινέσει, σε ένα κυλιόμενο διάστημα 28 ημερών. Αυτά τα δεδομένα βρίσκονται πίσω από την αξιολόγηση Core Web Vitals της Google και την αναφορά Core Web Vitals στο Search Console.

Τα μικρά sites συχνά έχουν πολύ λίγη επισκεψιμότητα για να εμφανιστούν στο CrUX. Το PageSpeed Insights τότε δεν θα δείξει δεδομένα πεδίου για τη σελίδα ή θα δείξει δεδομένα για ολόκληρο το domain. Σε αυτή την περίπτωση, τα αποτελέσματα εργαστηρίου είναι ο καλύτερος οδηγός σας.

Πώς ελέγχω την ταχύτητα του website μου, βήμα προς βήμα;

1. Ανοίξτε το PageSpeed Insights (pagespeed.web.dev) και βάλτε τη διεύθυνση της αρχικής σας σελίδας.
2. Δείτε πρώτα την επάνω ενότητα για την εμπειρία των πραγματικών χρηστών σας. Αν υπάρχουν δεδομένα πεδίου, ελέγξτε αν η αξιολόγηση Core Web Vitals λέει «Επιτυχία» ή «Αποτυχία», και ποια μέτρηση είναι το πρόβλημα.
3. Εναλλάξτε τις καρτέλες Κινητό και Υπολογιστής. Το κινητό είναι συνήθως χειρότερο και μετράει περισσότερο για τοπικές επιχειρήσεις.
4. Κατεβείτε στην ενότητα εργαστηρίου (διάγνωση προβλημάτων απόδοσης) και διαβάστε τις Ευκαιρίες και τα Διαγνωστικά. Ονομάζουν ακριβώς τα αρχεία που σας καθυστερούν.
5. Επαναλάβετε για τις δύο-τρεις σημαντικότερες σελίδες σας, όπως μια σελίδα υπηρεσίας και τη σελίδα επικοινωνίας, όχι μόνο για την αρχική.
6. Αν χρησιμοποιείτε το Google Search Console, ανοίξτε Εμπειρία και μετά Core Web Vitals, για να δείτε ποιες ομάδες διευθύνσεων αποτυγχάνουν σε όλο το site.

Τι σημαίνει η βαθμολογία PageSpeed, και τι δεν σημαίνει;

Η βαθμολογία απόδοσης 0-100 είναι βαθμολογία εργαστηρίου του Lighthouse. Είναι ένας σταθμισμένος συνδυασμός πέντε μετρήσεων εργαστηρίου (ανάμεσά τους LCP, CLS και Total Blocking Time) σε προσομοιωμένο κινητό. 90 έως 100 είναι καλό, 50 έως 89 θέλει βελτίωση, και κάτω από 50 είναι κακό.

Τι δεν σημαίνει:

• Δεν είναι αυτό που χρησιμοποιεί η Google για την κατάταξη. Αυτό είναι τα δεδομένα πεδίου.
• Διαφέρει από δοκιμή σε δοκιμή. Μια διακύμανση λίγων μονάδων είναι φυσιολογική.
• Το 100 δεν είναι αυτοσκοπός. Ένα site που περνά τα Core Web Vitals στο πεδίο με βαθμολογία εργαστηρίου 80 είναι σε καλή κατάσταση.
• Μια χαμηλή βαθμολογία κινητού σε ένα προσομοιωμένο αργό κινητό δεν σημαίνει ότι κάθε πραγματικός επισκέπτης έχει κακή εμπειρία, αλλά σας δείχνει πού είναι τα αδύναμα σημεία.

Ποιες είναι οι πιο συχνές αιτίες ενός αργού website;

• Υπερμεγέθεις εικόνες. Μια φωτογραφία 4 MB κατευθείαν από κάμερα ή site stock, ως κεντρική εικόνα, είναι η πιο συχνή αιτία αργού LCP. Οι εικόνες πρέπει να έχουν το μέγεθος στο οποίο εμφανίζονται και να σερβίρονται σε σύγχρονες μορφές όπως WebP ή AVIF.
• Πάρα πολλά scripts τρίτων. Widgets συνομιλίας, tags παρακολούθησης, heatmaps, feeds από social media, widgets κρατήσεων και banners για cookies φορτώνουν το καθένα τον δικό του κώδικα. Μαζί συχνά βλάπτουν το INP και τη φόρτωση περισσότερο από το ίδιο το site.
• Γραμματοσειρές web. Πολλές οικογένειες και πάχη γραμματοσειρών από άλλον server καθυστερούν το κείμενο και μπορεί να προκαλέσουν μετατοπίσεις όταν αλλάζει η γραμματοσειρά.
• Φθηνή ή υπερφορτωμένη φιλοξενία. Ένας αργός server καθυστερεί τα πάντα. Το web.dev προτείνει ως ενδεικτικό όριο Time to First Byte έως 0,8 δευτερόλεπτα.
• Βαριά page builders και θέματα. Πολλοί builders «σύρε και άφησε» φορτώνουν μεγάλες ποσότητες κώδικα σε κάθε σελίδα, είτε χρησιμοποιείτε τις λειτουργίες είτε όχι.
• Μετατοπίσεις από διαφημίσεις, ενσωματώσεις και banners. Διαφημίσεις, ενσωματωμένα βίντεο YouTube ή χάρτες, και εικόνες χωρίς ορισμένες διαστάσεις σπρώχνουν το περιεχόμενο προς τα κάτω όσο φορτώνουν, αυξάνοντας το CLS.

Τι να ρωτήσω τον developer μου;

• «Περνούν οι βασικές μας σελίδες τα Core Web Vitals στα δεδομένα πεδίου, στο κινητό;»
• «Ποια μέτρηση αποτυγχάνει, και τι την προκαλεί;»
• «Ποια scripts τρίτων φορτώνουν σε κάθε σελίδα, και χρειαζόμαστε ακόμα το καθένα;»
• «Έχουν οι εικόνες σωστό μέγεθος, είναι συμπιεσμένες και σε WebP ή AVIF, με ορισμένο πλάτος και ύψος;»
• «Φορτώνει η κεντρική εικόνα με προτεραιότητα, και οι εικόνες πιο κάτω με lazy loading;»
• «Ποιος είναι ο χρόνος απόκρισης του server μας, και θα βοηθούσε καλύτερη φιλοξενία ή ένα CDN;»
• «Ποιος ελέγχει την ταχύτητα μετά από αλλαγές, και πόσο συχνά;»

Η ταχύτητα δεν είναι δουλειά μίας φοράς. Νέα plugins, tags και φωτογραφίες την υπονομεύουν σιγά σιγά, γι' αυτό οι τακτικοί έλεγχοι ανήκουν στη συντήρηση του website.

Ποιες γρήγορες βελτιώσεις ανεβάζουν την ταχύτητα;

Από πού να ξεκινήσετε

Περάστε τις τρεις σημαντικότερες σελίδες σας από το PageSpeed Insights, σημειώστε ποια μέτρηση αποτυγχάνει, και διορθώστε πρώτα τις εικόνες και τα scripts τρίτων. Αυτά τα δύο ευθύνονται για τα περισσότερα προβλήματα στα sites μικρών επιχειρήσεων.

Αν προτιμάτε να το δει κάποιος για εσάς, ο δωρεάν έλεγχος website της Ariston συνδυάζει δεδομένα Google Lighthouse με ανίχνευση του site σας και σας στέλνει με email μια αναφορά με τις συγκεκριμένες διορθώσεις. Τα πακέτα συντήρησής μας μπορούν επίσης να περιλαμβάνουν μηνιαίο έλεγχο ταχύτητας και λειτουργίας.