Ένα άρθρο για το πως να μετράτε την ταχύτητα της σελίδας σας

Ξέρατε ότι η ταχύτητα της σελίδας σας μετριέται με πολλούς τρόπους; Δεν είναι μόνο ο server που αλλάζει την ταχύτητα της σελίδας σας. Κατά πολύ μεγάλο ποσοστό, μεγαλύτερο ρόλο παίζουν τα web vitals.

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

Συγκεκριμένα, τα web vitals περιλαμβάνουν τα εξής:

  • Largest Contentful Paint (LCP) – Μετρά το χρόνο που απαιτείται για να φορτωθεί το μεγαλύτερο περιεχόμενο της ιστοσελίδας. Αυτό είναι σημαντικό διότι η γρήγορη φόρτωση του περιεχομένου είναι σημαντική για την αντίδραση των χρηστών.
  • First Input Delay (FID): Μετρά τη χρονική καθυστέρηση μεταξύ της πρώτης αλληλεπίδρασης του χρήστη με την ιστοσελίδα και της ανταπόκρισης της ιστοσελίδας σε αυτήν
  • Cumulative Layout Shift (CLS): Μετρά την αλλαγή στην τοποθεσία των στοιχείων της ιστοσελίδας κατά τη διάρκεια του φόρτωσης της σελίδας.
  • Total Blocking Time (TBT): Μετρά το συνολικό χρόνο που αποκλείεται η αλληλεπίδραση του χρήστη με την ιστοσελίδα λόγω της απόκρισης της ιστοσελίδας.
  • First Contentful Paint (FCP): Μετρά το χρόνο που απαιτείται για τη φόρτωση του πρώτου περιεχομένου της ιστοσελίδας.
  • Time to First Byte (TTFB): Μετρά το χρόνο που απαιτείται για να λάβει ο browser το πρώτο byte της απόκρισης του server της ιστοσελίδας.

Στο παρακάτω video μέσα σε 6μιση λεπτά θα μπορέσετε να δείτε με παραδείγματα τα πιο σημαντικά web vitals και πως να τα μετράτε εύκολα και άμεσα.

Link: https://youtu.be/0fONene3OIA