Google για το πώς το Core Web Vitals έχει βοηθήσει στην επιτάχυνση του ιστού

Η Google ανακοίνωσε το Core Web Vitals το 2020 για να καταγράψει και να ποσοτικοποιήσει καλύτερα τον τρόπο με τον οποίο οι άνθρωποι «αντιλαμβάνονται την εμπειρία της αλληλεπίδρασης με μια ιστοσελίδα», ειδικά σε κινητά. Λίγα χρόνια αργότερα, η Google είναι

αναλυτικά πόσο

Το Core Web Vitals (CWV) έχει βελτιώσει την ταχύτητα σελίδας για ολόκληρο τον κλάδο.

Κατά τη δημιουργία του CWV, η Google —ειδικά οι ομάδες Αναζήτησης και Chrome— θέλησε να αντιμετωπίσει τον τρόπο με τον οποίο η ταχύτητα της σελίδας θα μειωνόταν εγγενώς με την πάροδο του χρόνου και πώς αυτό είχε ως αποτέλεσμα μια κακή εμπειρία όταν οι χρήστες «μετακόμισαν από την Αναζήτηση Google στους μεμονωμένους ιστότοπους».

…παρατηρήσαμε ένα πρόβλημα με ιστότοπους σε

μεγάλο

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

Η Google λέει ότι «εξέτασε εκατομμύρια σελίδες για να καθορίσει ένα

δημόσιο

πρότυπο για μια γρήγορη, φιλική προς τον χρήστη ιστοσελίδα» με τρεις αρχικές μετρήσεις:

• “
  
  Μεγαλύτερη περιεχόμενη βαφή
  
  μετρά την αντιληπτή ταχύτητα φόρτωσης και επισημαίνει το σημείο στο χρονοδιάγραμμα φόρτωσης της σελίδας όταν πιθανότατα έχει φορτωθεί το κύριο περιεχόμενο της σελίδας.”
• “
  
  Καθυστέρηση πρώτης εισαγωγής
  
  μετρά την ανταπόκριση και ποσοτικοποιεί την εμπειρία που αισθάνονται οι χρήστες όταν προσπαθούν να αλληλεπιδράσουν πρώτα με τη σελίδα.” Αυτό σύντομα θα αντικατασταθεί από
  
  Αλληλεπίδραση με το Next Paint
  
  (INP).
• “
  
  Αθροιστική μετατόπιση διάταξης
  
  μετρά την οπτική σταθερότητα και ποσοτικοποιεί την ποσότητα της απροσδόκητης αλλαγής διάταξης του ορατού περιεχομένου σελίδας.”

Δημοσιεύσαμε τις προδιαγραφές και τα δεδομένα μας στο ανοιχτό οικοσύστημα και λάβαμε υπόψη τα σχόλια που λάβαμε. Η εισαγωγή μετρήσεων CWV όπως π.χ

LCP

(Μεγαλύτερη Περιεχόμενη Ζωγραφική) ήταν πρωτοποριακή γιατί μας επέτρεψε να μετρήσουμε πότε ο χρήστης βλέπει πραγματικά το περιεχόμενο. Η δυνατότητα μέτρησης της πραγματικής εμπειρίας χρήστη σε κλίμακα ήταν θεμελιώδης για τις φανταστικές νίκες που θα συζητήσουμε σε αυτήν την ανάρτηση ιστολογίου.

Οι αλγόριθμοι κατάταξης της Αναζήτησης Google είναι ένα σημαντικό μέρος όπου υλοποιούνται τα Core Web Vitals (από τον Αύγουστο του 2021), καθιστώντας τα έτσι εξαιρετικά συναφή με τους ιδιοκτήτες ιστότοπων και τους εκδότες που θέλουν να βελτιώσουν τη θέση τους.

Συνολικά, «η μέση φόρτωση σελίδας στο Chrome είναι πλέον 166 ms ταχύτερη». Η Google πιστώνει το Core Web Vitals ως εξοικονόμηση χρηστών «πάνω από 10.000 χρόνια αναμονής για φόρτωση ιστοσελίδων και πάνω από 1.200 χρόνια αναμονής για ιστοσελίδες για να ανταποκριθούν στις εισροές των χρηστών» μέχρι στιγμής το 2023. Από σήμερα, «πάνω από το 40% των τοποθεσιών περνούν όλες οι μετρήσεις CWV.”

Το ποσοστό προέλευσης που περνούν και τα τρία Core Web Vitals (LCP, FID, CLS) με «καλή» εμπειρία (Πηγή:

Αρχείο HTTP

)

Εκτός από τους εκδότες που ενημέρωσαν τους ιστότοπούς τους, το Chrome εργάστηκε επίσης για να βελτιώσει το πρόγραμμα περιήγησης με τεχνολογίες όπως η “Προσωρινή μνήμη πίσω/προς τα εμπρός”, η προαπόδοση και η φόρτωση εικόνων υψηλής προτεραιότητας:

• “Ο
  
  Προσωρινή μνήμη πίσω/εμπρός
  
  (bfcache) έχει σχεδιαστεί για να βελτιώνει την εμπειρία περιήγησης, ενεργοποιώντας την άμεση πλοήγηση προς τα πίσω και προς τα εμπρός. Το ποσοστό επιτυχίας του BFCache έχει βελτιωθεί από μήνα σε μήνα τόσο στο Android (3,6%) όσο και στο
  
  Desktop
  
  (1,8%).
• «Επίσης παρουσιάσαμε
  
  προαπόδοση
  
  , που κάνει τις σελίδες να φορτώνουν αμέσως, αποδίδοντάς τις πριν τις επισκεφτεί ο χρήστης. Οι φορτώσεις σελίδων μέσω πληκτρολόγησης διευθύνσεων URL απευθείας στο κύριο πλαίσιο λαμβάνουν μέση βελτίωση LCP κατά 500-700 ms (14-25%) κατά την προαπόδοση, ανάλογα με την
  
  πλατφόρμα
  
  , μετακινώντας το παγκόσμιο μέσο LCP σε όλες τις πλοηγήσεις κατά 6,4 ms. Αυτήν τη στιγμή κυκλοφορούμε την προαπόδοση των αναζητήσεων που ξεκινούν από το omnibox.”
• «Το Chrome εργάζεται σκληρά για να κρατήσει τις καρτέλες φόντου μακριά σας. Εφαρμογή
  
  στραγγαλισμός καρτελών για καρτέλες φόντου
  
  εκτελείται στο EcoQOS στα
  
  Windows 11
  
  και οι προσαρμογές ρόλου εργασίας και QoS στο macOS έχουν οδηγήσει σε βελτιώσεις στο Largest Contentful Paint (LCP) και στο Interaction to Next Paint (
  
  INP
  
  )»
• “
  
  Φόρτωση εικόνας υψηλής προτεραιότητας:
  
  Ιστορικά, η φόρτωση εικόνων είχε την ίδια ή χαμηλότερη προτεραιότητα από την απόδοση. Ωστόσο, ένα πείραμα έδειξε ότι μεταξύ μιας εργασίας φόρτωσης εικόνας και μιας εργασίας απόδοσης, η επιλογή πρώτα της εργασίας φόρτωσης εικόνας μπορεί να αποτρέψει τη μετατόπιση της διάταξης ενός ενδιάμεσου πλαισίου που δεν έχει την εικόνα και επίσης βελτιώνει το LCP. Η βελτίωση στο Android στο 75ο εκατοστημόριο ήταν
  
  -6,66%
  
  για CLS και
  
  -0,82%
  
  για το LCP, βελτιώνοντας το ποσοστό πρόσβασης CWV στο Android κατά
  
  +0,24%.
  
  Ένα παρόμοιο πείραμα που αύξησε την προτεραιότητα φόρτωσης στο “μέσο” των πρώτων πέντε εικόνων που αναλύθηκαν από την HTML (για εικόνες χωρίς μέγεθος εικονιδίου) έδειξε βελτίωση στο Android στο 75ο εκατοστημόριο του
  
  -6,08%
  
  για CLS και
  
  -0,53%
  
  για το LCP. Ένα συνδυασμένο πείραμα έδειξε ότι τα αποτελέσματα και των δύο αλλαγών ήταν σε μεγάλο βαθμό ανεξάρτητα».