Αν αναζητήσατε «αποτυχία αξιολόγησης Core Web Vitals» αφού είδατε πράσινη βαθμολογία ταχύτητας, ξεκινήστε ελέγχοντας ποια δεδομένα περιγράφει κάθε αποτέλεσμα. Το PageSpeed Insights (PSI) συνδυάζει στοιχεία πραγματικών επισκέψεων με μια ξεχωριστή ελεγχόμενη δοκιμή. Καταγράψτε τη διεύθυνση, τη συσκευή, το εύρος των δεδομένων και τη μετρική που αποτυγχάνει πριν αγοράσετε εργαλείο ή ζητήσετε να ξαναχτιστεί ο ιστότοπος.
Ξεκινάμε από αυτή την καταγραφή, επειδή το «κάντε τη βαθμολογία πράσινη» αφήνει πολλά αδιευκρίνιστα. Ο προγραμματιστής πρέπει να γνωρίζει ποια εμπειρία χρειάζεται προσοχή και ποια στοιχεία θα δείξουν ότι η διόρθωση είναι χρήσιμη.
Αποτυχία αξιολόγησης Core Web Vitals: τι μέτρησε η αναφορά;
Η αξιολόγηση περιγράφει καταγεγραμμένες εμπειρίες επισκεπτών, ενώ η ενότητα Lighthouse εκτελεί μια διαγνωστική δοκιμή. Η τεκμηρίωση της Google για το PageSpeed Insights εξηγεί ότι τα δεδομένα πεδίου προέρχονται από το Chrome User Experience Report, ή CrUX, με κυλιόμενη περίοδο συλλογής 28 ημερών. Μια νέα διαγνωστική εκτέλεση και αυτό το ιστορικό μπορούν επομένως να δείχνουν διαφορετικά αποτελέσματα.
Οι συνθήκες των δοκιμών διαφέρουν. Μια ελεγχόμενη εκτέλεση δεν μπορεί να καλύψει κάθε συσκευή, σύνδεση και ενέργεια των πραγματικών επισκέψεων. Χρησιμοποιήστε την για να διερευνήσετε μια πιθανή αιτία· κρατήστε παράλληλα τα δεδομένα επισκεπτών όταν αποφασίζετε τι παραμένει άλυτο.
Το αποτέλεσμα μπορεί να καλύπτει ευρύτερο σύνολο σελίδων. Αν τα δεδομένα για τη συγκεκριμένη σελίδα είναι πολύ λίγα, το PSI μπορεί να χρησιμοποιήσει εκείνα της προέλευσης, δηλαδή, σε γενικές γραμμές, της κοινής διεύθυνσης του ιστοτόπου μαζί με το πρωτόκολλο και το όνομα κεντρικού υπολογιστή. Ένα αποτέλεσμα προέλευσης συνδυάζει επισκέψεις από διαφορετικές σελίδες. Διαβάστε το εμφανιζόμενο εύρος πριν το θεωρήσετε απόδειξη για μια συγκεκριμένη σελίδα προϊόντος ή υπηρεσίας.
Η περίοδος περιλαμβάνει παλαιότερες επισκέψεις. Μια αλλαγή που γίνεται σήμερα δεν ξαναγράφει τις χθεσινές παρατηρήσεις. Αποθηκεύστε την ημερομηνία εφαρμογής της, ώστε να διακρίνετε τον άμεσο έλεγχο της διόρθωσης από τα μεταγενέστερα στοιχεία για τους επισκέπτες.
Αυτές οι διαφορές δίνουν ξεχωριστούς ρόλους στις αναφορές: τα στοιχεία επισκεπτών εντοπίζουν την εμπειρία που χρειάζεται διερεύνηση· μια ελεγχόμενη δοκιμή βοηθά στην αναπαραγωγή και εξέτασή της.
Ποια μετρική χρειάζεται προσοχή;
Εξετάστε χωριστά τα LCP, INP και CLS πριν επιλέξετε διόρθωση. Ο οδηγός Web Vitals της Google διαχωρίζει τη φόρτωση, την ανταπόκριση και την οπτική σταθερότητα. Ο παρακάτω πίνακας δίνει τα όρια της κατηγορίας Good από αυτόν τον οδηγό, τα οποία αξιολογούνται στο 75ο εκατοστημόριο για τον σχετικό πληθυσμό συσκευών. Ο οδηγός της Google για τα όρια εξηγεί το 75ο εκατοστημόριο: τουλάχιστον το 75% των μετρημένων προβολών σελίδας πρέπει να πληροί το όριο Good για τη συγκεκριμένη μετρική. Αυτό διαφέρει από έναν μέσο όρο ή τη συνολική βαθμολογία Lighthouse.
| Μετρική | Τι περιγράφει | Όριο Good | Τι να ρωτήσετε τον υπεύθυνο συντήρησης |
|---|---|---|---|
| LCP, Largest Contentful Paint | Πότε εμφανίζεται το μεγαλύτερο ορατό στοιχείο περιεχομένου | Το πολύ 2,5 δευτερόλεπτα | Ποιο στοιχείο καθυστερεί και σε ποιο στάδιο της φόρτωσής του; |
| INP, Interaction to Next Paint | Πόσο άμεσα ανταποκρίνεται η σελίδα στις αλληλεπιδράσεις | Το πολύ 200 χιλιοστά του δευτερολέπτου | Ποιο άγγιγμα, κλικ ή πάτημα πλήκτρου είναι αργό στις συνθήκες που επηρεάζονται; |
| CLS, Cumulative Layout Shift | Απρόσμενη μετακίνηση της διάταξης | Το πολύ 0,1 | Ποιο στοιχείο μετακινείται και σε ποια στιγμή της επίσκεψης; |
Όταν υπάρχουν αρκετά δεδομένα για όλες αυτές τις μετρικές, το PSI απαιτεί οι τιμές τους στο 75ο εκατοστημόριο να ανήκουν στην κατηγορία Good για επιτυχή αξιολόγηση. Αν τα δεδομένα INP δεν επαρκούν, τα LCP και CLS στην κατηγορία Good μπορούν και πάλι να οδηγήσουν σε επιτυχή αξιολόγηση. Αν δεν επαρκούν τα δεδομένα είτε του LCP είτε του CLS, το PSI δεν μπορεί να αξιολογήσει τη σελίδα ή την προέλευση.
Αντιμετωπίστε την απουσία δεδομένων ως αβεβαιότητα. Η μεθοδολογία CrUX της Google απαιτεί επιλέξιμες επισκέψεις και επαρκή δημοτικότητα· δεν δημοσιεύει έναν καθολικό ελάχιστο αριθμό επισκεπτών. Η απουσία αποτελέσματος δεν σας λέει ότι δεν επισκέπτεται κανείς τον ιστότοπο, ότι η εμπειρία είναι καλή ή ότι απέτυχε μια διόρθωση.
Τι μπορείτε να ελέγξετε πριν πληρώσετε για εργασίες;
Αποθηκεύστε μια αναφορά βάσης και ακολουθήστε την ίδια διαδρομή πελάτη σε κινητό πριν επιλέξετε εργαλείο. Χρειάζεστε σαφή περιγραφή του προβλήματος: τη σελίδα, τα δεδομένα πίσω από την προειδοποίηση και τη συμπεριφορά που μπορείτε να αναπαράγετε. Αν δεν μπορείτε να την αναπαράγετε, καταγράψτε αυτόν τον περιορισμό αντί να καλύψετε το κενό με μια υπόθεση.
- Ανοίξτε στο PSI την ακριβή σελίδα που αφορά την επιχείρηση. Κρατήστε τη διεύθυνση και την ημερομηνία της αναφοράς. Συμπεριλάβετε τη σελίδα προορισμού ή το πρότυπο που έχει σημασία για το αίτημα επικοινωνίας ή την αγορά που εξετάζετε.
- Καταγράψτε κινητό ή υπολογιστή και το εύρος των δεδομένων. Αντιγράψτε αν η ενότητα πεδίου αντιπροσωπεύει το URL, την προέλευση ή ανεπαρκή δεδομένα. Χρησιμοποιήστε την ίδια επιλογή στις επόμενες συγκρίσεις.
- Ονομάστε τη μετρική που χρειάζεται προσοχή. Χρησιμοποιήστε τα επιμέρους αποτελέσματα Core Web Vitals και έπειτα διαβάστε τη διαγνωστική ενότητα για ενδείξεις. Διατηρήστε εμφανή τα δείγματα που λείπουν.
- Εκτελέστε μια πραγματική εργασία σε κινητό. Ανοίξτε το μενού, χρησιμοποιήστε το σχετικό φίλτρο ή συμπληρώστε τη σχετική φόρμα. Σημειώστε τι φορτώνει αργά, ανταποκρίνεται με καθυστέρηση ή μετακινείται απρόσμενα.
- Συνδέστε μια ένδειξη με μια δοκιμή. Ζητήστε από τον υπεύθυνο συντήρησης να αναπαραγάγει την επηρεαζόμενη ενέργεια ή την καθυστέρηση φόρτωσης και να εξηγήσει τι μπορεί να τεκμηριώσει η δοκιμή.
Για ευρύτερους ελέγχους εικόνων, widget, κρυφής μνήμης και φιλοξενίας, χρησιμοποιήστε τον οδηγό μας για τις συνήθεις αιτίες ενός αργού ιστοτόπου. Κρατήστε την τρέχουσα εργασία εστιασμένη στην αποτυχία αξιολόγησης και στα στοιχεία που χρειάζονται για να εξετάσετε μια διόρθωση.
Τι πρέπει να περιλαμβάνει η διόρθωση;
Επιλέξτε τη μικρότερη αλλαγή που στηρίζεται στη διάγνωση και έπειτα συμφωνήστε πώς θα την ελέγξετε. Ξεκινήστε με τις αναφορές και τη λειτουργικότητα που διαθέτετε ήδη. Η τεχνική εργασία γίνεται πιο εύκολο να αξιολογηθεί όταν ο υπεύθυνος ονομάζει την επηρεαζόμενη σελίδα ή το πρότυπο, εξηγεί το σημείο συμφόρησης και κρατά συγκρίσιμες τις συνθήκες πριν και μετά.
- Συνδέστε την πρόταση με τη μετρική. Ο οδηγός LCP του web.dev διαχωρίζει τις καθυστερήσεις στην απόκριση, τον εντοπισμό, τη φόρτωση και την απόδοση του μεγαλύτερου στοιχείου. Ο οδηγός INP εστιάζει τη διερεύνηση στις αργές αλληλεπιδράσεις. Ο οδηγός CLS περιλαμβάνει μετατοπίσεις που συμβαίνουν μετά την αρχική φόρτωση. Ζητήστε τα σχετικά στοιχεία αντί για μια γενική υπόσχεση βελτίωσης της ταχύτητας.
- Αλλάξτε την εντοπισμένη αιτία και δοκιμάστε ξανά τη συμπεριφορά. Μια στοχευμένη διόρθωση πόρου ή προτύπου μπορεί να ενταχθεί στην ανάπτυξη και συντήρηση ιστοτόπων. Καταγράψτε τι άλλαξε και πότε, καθώς και πώς μπορεί να αναιρεθεί, όπου αυτό είναι εφικτό.
- Ελέγξτε ότι η εργασία του πελάτη εξακολουθεί να λειτουργεί. Δοκιμάστε την πλοήγηση, τις φόρμες και τα βήματα αγοράς που αφορούν τη σελίδα. Διατηρήστε λειτουργικούς τους μηχανισμούς συγκατάθεσης· διερευνήστε τη συμπεριφορά και τη διάταξή τους διατηρώντας τη νόμιμη συγκατάθεση.
- Αποφασίστε αν χρειάζονται περισσότερα στοιχεία. Αν οι διαθέσιμες αναφορές δεν μπορούν να εντοπίσουν την επηρεαζόμενη αλληλεπίδραση ή σελίδα, μπορεί να βοηθήσει η πρόσθετη μέτρηση. Ρωτήστε ποιο ερώτημα απαντά η προτεινόμενη παρακολούθηση πριν προσθέσετε υπηρεσία επί πληρωμή.
Αν η τεχνική προτεραιότητα είναι ασαφής, οι εργασίες τεχνικού SEO μπορούν να ξεκινήσουν με διάγνωση και μια λίστα εργασιών που μπορείτε να αξιολογήσετε. Ένας ανασχεδιασμός ή ένα πακέτο βελτιστοποίησης χρειάζεται τη δική του αιτιολόγηση.
Μπορείτε να αντιγράψετε αυτή την κάρτα εργασίας και να αφήσετε κενά τα άγνωστα πεδία:
Σελίδα και επιχειρηματική εργασία:
Συσκευή και εύρος δεδομένων πεδίου:
Μετρική που χρειάζεται προσοχή:
Παρατηρούμενη συμπεριφορά και συνθήκες δοκιμής:
Προτεινόμενη αιτία και αλλαγή:
Ημερομηνία εφαρμογής:
Συγκρίσιμος έλεγχος μετά την αλλαγή:
Μεταγενέστερη παρατήρηση πεδίου και αβεβαιότητες που παραμένουν:Πώς ελέγχετε αν βοήθησε η εργασία;
Εξετάστε πρώτα τη συμπεριφορά που άλλαξε και έπειτα συγκρίνετε τα μεταγενέστερα στοιχεία πεδίου στο ίδιο εύρος. Σύμφωνα με την τεκμηρίωσή του, το PSI ενημερώνει καθημερινά τα δεδομένα πεδίου, διατηρώντας μια κυλιόμενη περίοδο συλλογής. Κρατήστε την ημερομηνία εφαρμογής μαζί με την καταγραφή. Αυτή η περίοδος δεν είναι υποσχεμένη αντίστροφη μέτρηση μέχρι την επιτυχή αξιολόγηση.
Συγκρίνετε τη στοχευμένη μετρική και την εργασία του πελάτη σε παρόμοιες συνθήκες δοκιμής. Αν το σύμπτωμα παραμένει, επανεξετάστε τη διάγνωση. Αν η δοκιμή βελτιώνεται αλλά τα μεταγενέστερα στοιχεία πεδίου δεν υποστηρίζουν την αλλαγή, διερευνήστε ξανά τις επηρεαζόμενες σελίδες και τις συνθήκες των επισκεπτών. Η απουσία δεδομένων πεδίου πρέπει να παραμένει ρητός περιορισμός.
Πώς βοηθάμε εμείς
Ξεκινάμε από την αναφορά, τις σημαντικές σελίδες και μια εργασία που μπορούμε να αναπαράγουμε. Διαχωρίζουμε την προτεινόμενη διόρθωση, τον έλεγχό της και τα μεταγενέστερα στοιχεία από επισκέπτες, ώστε κάθε απόφαση να έχει μια βάση που μπορείτε να εξετάσετε. Ένα brief για την απόδοση του ιστοτόπου μπορεί να ξεκινήσει από την παραπάνω κάρτα εργασίας· αφήστε εμφανή τα άγνωστα πεδία.
