Η Google ανακοινώνει την πρωτοβουλία Web Vitals για την παροχή ενοποιημένης καθοδήγησης στους προγραμματιστές σχετικά με την απόδοση του ιστότοπου χρησιμοποιώντας τρεις βασικές μετρήσεις.
Επιστροφή στη σύνοδο κορυφής προγραμματιστών του Chrome πέρυσι, η Google ανακοίνωσε νέα εργαλεία προγραμματιστών του Chrome για να μειώσετε το χρόνο φόρτωσης της σελίδας και να δημιουργήσετε μια εγγενή εμπειρία που μοιάζει με εφαρμογή. Εκείνη την εποχή, η εταιρεία συζήτησε επίσης μια πρωτοβουλία για την παροχή στους προγραμματιστές ενός ενοποιημένου συνόλου μετρήσεων προς μέτρηση κατά τη δημιουργία ιστοτόπων με γνώμονα την εμπειρία χρήστη και την απόδοση. Σε συνέχεια της αρχικής ιδέας, η Google ανακοίνωσε τώρα την πρωτοβουλία Web Vitals που στοχεύει να προσφέρει "ενοποιημένη καθοδήγηση για ποιοτικά σήματα που είναι απαραίτητα για την παροχή μιας εξαιρετικής εμπειρίας χρήστη στον Ιστό".
Με τα χρόνια, η Google έχει προσφέρει πολλά εργαλεία για να βοηθήσει τους προγραμματιστές ιστοτόπων να μετρήσουν και να αναφέρουν την απόδοση του ιστότοπου. Αυτά περιλαμβάνουν πράγματα όπως το Lighthouse,
Τα Core Web Vitals είναι ένα υποσύνολο όλων των Web Vitals που ισχύουν για όλες τις ιστοσελίδες, θα πρέπει να μετρώνται από όλους τους κατόχους ιστότοπων και θα εμφανίζονται σε όλα τα εργαλεία της Google. Επί του παρόντος, αυτά τα Core Web Vitals επικεντρώνονται σε τρεις πτυχές της εμπειρίας χρήστη — φόρτωση, διαδραστικότητα και οπτική σταθερότητα — και περιλαμβάνουν τις ακόλουθες μετρήσεις (και τα αντίστοιχα όρια τους):
- Μεγαλύτερη περιεχόμενη βαφή (LCP): μετρά την απόδοση φόρτωσης. Για να παρέχεται μια καλή εμπειρία χρήστη, το LCP θα πρέπει να εμφανίζεται εντός 2,5 δευτερολέπτων από την πρώτη έναρξη της φόρτωσης της σελίδας.
- Καθυστέρηση πρώτης εισαγωγής (FID): μετρά τη διαδραστικότητα. Για να παρέχουν μια καλή εμπειρία χρήστη, οι σελίδες θα πρέπει να έχουν FID μικρότερο από 100 χιλιοστά του δευτερολέπτου.
- Αθροιστική μετατόπιση διάταξης (CLS): μετρά την οπτική σταθερότητα. Για να παρέχουν μια καλή εμπειρία χρήστη, οι σελίδες θα πρέπει να διατηρούν CLS μικρότερο από 0,1
Για να βοηθήσει τους προγραμματιστές να μετρήσουν και να αναφέρουν αυτά τα Core Web Vitals, η Google δεσμεύεται να εμφανίσει αυτές τις μετρήσεις στα εργαλεία της. Το παρακάτω γράφημα αναφέρει ποια εργαλεία υποστηρίζουν το Core Web Vitals:
Οι προγραμματιστές θα μπορούν επίσης να μετρούν κάθε Core Web Vital σε JavaScript χρησιμοποιώντας τυπικά web API και να αναφέρουν κάθε Core Web Vital χωρίς να γράφουν κώδικα, χρησιμοποιώντας το Επέκταση Chrome Web Vitals. Η επέκταση χρησιμοποιεί τη βιβλιοθήκη web-vitals για να μετρήσει αυτές τις μετρήσεις και να τις εμφανίσει στους χρήστες καθώς περιηγούνται στον ιστό. Η επέκταση μπορεί επίσης να είναι χρήσιμη για την κατανόηση της απόδοσης των ιστοτόπων σας, των ιστότοπων των ανταγωνιστών σας και του ιστού γενικότερα. Εναλλακτικά, οι προγραμματιστές που προτιμούν να μετρούν αυτές τις μετρήσεις χρησιμοποιώντας τα υποκείμενα API ιστού μπορούν να ανατρέξουν στους οδηγούς μετρήσεων στον ιστότοπο που συνδέεται παρακάτω για λεπτομέρειες εφαρμογής.
Μαζί με τα Core Web Vitals, η Google μιλά επίσης για άλλα Web Vitals που θα χρησιμεύουν ως proxy ή συμπληρωματικές μετρήσεις για τα Core Vitals. Αυτές περιλαμβάνουν μετρήσεις όπως ο χρόνος έως το πρώτο byte (TTFB), η πρώτη περιεχόμενη ζωγραφική (FCP), ο συνολικός χρόνος αποκλεισμού (TBT) και ο χρόνος to Interactive (TTI) που μπορεί να βοηθήσει τους προγραμματιστές να αποτυπώσουν ένα μεγαλύτερο μέρος της εμπειρίας ή να βοηθήσει στη διάγνωση συγκεκριμένων θέματα.
Αξίζει να σημειωθεί ότι αυτά τα Web Vitals και Core Web Vitals θα εξελίσσονται με την πάροδο του χρόνου και οι προγραμματιστές θα πρέπει να αναμένουν μελλοντικές βελτιώσεις ή προσθήκες στη λίστα. Ωστόσο, δεδομένου ότι τα Core Web Vitals είναι σχετικά με όλες τις ιστοσελίδες και εμφανίζονται σε πολλά εργαλεία της Google, τυχόν αλλαγές σε αυτές τις μετρήσεις δεν θα αλλάξουν τον ορισμό και τα όρια τους. Οι προγραμματιστές θα ειδοποιούνται επίσης εκ των προτέρων για τυχόν επερχόμενες αλλαγές και ένα προβλέψιμο, ετήσιο μοτίβο. Λόγω του γεγονότος ότι τα άλλα Web Vital είναι συγκεκριμένα για το περιβάλλον ή τα εργαλεία, οι ορισμοί και τα κατώφλια τους ενδέχεται να αλλάζουν με μεγαλύτερη συχνότητα χωρίς προηγούμενη ειδοποίηση. Οποιεσδήποτε αλλαγές γίνονται σε όλα τα Web Vitals θα τεκμηριώνονται σε αυτό δημόσιο αρχείο αλλαγών.
Πηγή: web.dev