Τι είναι το Google PageSpeed Insights;

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

Τι μετρά το Google PageSpeed Insights;

Το PageSpeed Insights συνδυάζει τα δεδομένα πεδίου, δηλαδή τα δεδομένα που συλλέγονται από την Αναφορά Εμπειρίας Χρήστη του Chrome της Google (συντομευμένα CrUX), με τα εργαστηριακά δεδομένα σχετικά με μια σελίδα που συλλέγονται από το Lighthouse. Μπορείτε να εναλλάσσεστε μεταξύ των αποτελεσμάτων για κινητά και επιτραπέζια προβολή.

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

Οι ατομικές αναθέσεις βαρών δεν είναι ορατές στην έκθεση του Lighthouse αλλά μπορούν να προβληθούν στον λεγόμενο “Υπολογιστής Βαθμολόγησης Lighthouse“. Με αυτό το εργαλείο μπορεί να υπολογιστεί η βαθμολογία PageSpeed για οποιαδήποτε δεδομένα συλλέγονται από τον χρήστη.

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

Ταχύτητα σελίδας: δεδομένα πεδίου από την Αναφορά Εμπειρίας Χρήστη του Chrome

Το πρώτο κομμάτι πληροφοριών είναι τα δεδομένα πεδίου από το CrUX, εάν είναι διαθέσιμα. Οι αξιολογήσεις αναφέρονται στις τιμές για το “First Contentful Paint (FCP)”, “First Input Delay (FID)”, “Largest Contentful Paint (LCP)” και το “Cumulative Layout Shift (CLS)”.

Αυτές οι τιμές διαιρούνται σε τρεις κατηγορίες:

• Γρήγορο (πράσινο)
  • FCP: ανάμεσα σε 0 και 1 δευτερόλεπτο.
  • FID: ανάμεσα σε 0 και 0.1 δευτερόλεπτα.
  • LCP: ανάμεσα σε 0 και 2.5 δευτερόλεπτα.
  • CLS: η αλλαγή είναι ανάμεσα σε 0 και 10 τοις εκατό.

• Μέτριο (πορτοκαλί)
  • FCP: ανάμεσα σε 1 και 3 δευτερόλεπτα.
  • FID: ανάμεσα σε 0.1 και 0.3 δευτερόλεπτα.
  • LCP: ανάμεσα σε 2.5 και 4 δευτερόλεπτα.
  • CLS: η αλλαγή είναι ανάμεσα σε 10 και 25 τοις εκατό.

• Αργό (κόκκινο)
  • FCP: περισσότερο από 3 δευτερόλεπτα.
  • FID: περισσότερο από 0.3 δευτερόλεπτα.
  • LCP: περισσότερο από 4 δευτερόλεπτα.
  • CLS: η αλλαγή είναι περισσότερο από 25 τοις εκατό.

Η FCP (First Contentful Paint) μετρά το χρόνο που χρειάστηκε το πρόγραμμα περιήγησης για να απεικονίσει το πρώτο κείμενο ή να φορτώσει την πρώτη εικόνα, η οποία μπορεί επίσης να είναι η φωτογραφία φόντου ή ένα SVG. Αυτή η τιμή θα πρέπει να δείχνει περίπου πότε ο χρήστης θα μπορούσε να αλληλεπιδράσει με τον ιστότοπο για πρώτη φορά.

Η τιμή FID (First Input Delay) είναι ο χρόνος μεταξύ της πρώτης αλληλεπίδρασης ενός χρήστη με τη σελίδα (κάνοντας κλικ σε ένα σύνδεσμο, κουμπί ή άλλη είσοδο) και όταν το πρόγραμμα περιήγησης μπορεί πραγματικά να εκτελέσει αυτήν την αλληλεπίδραση. Αυτή η τιμή είναι μια μέτρηση του πόσο διαδραστικός και ανταποκρίνεται θεωρεί ο χρήστης ότι είναι η σελίδα.

Η LCP (Largest Contentful Paint) εξετάζει πότε το μεγαλύτερο στοιχείο της σελίδας έχει ολοκληρώσει την απεικόνιση. Μπορεί να υποθέσουμε ότι αυτό είναι το κύριο περιεχόμενο της σελίδας και ότι οι χρήστες μπορούν να χρησιμοποιήσουν το πραγματικό περιεχόμενο από αυτό το σημείο και μετά.

Με το CLS (Cumulative Layout Shift), η Google εξετάζει πόσο “πηδά” το περιεχόμενο κατά τη φόρτωση. Συμβαίνει συχνά όταν επαναφορτώνονται εικόνες ή όταν οι διαφημίσεις αργούν να εμφανιστούν. Όσο λιγότερο αλλάζει το layout, τόσο πιο ευχάριστο γίνεται για τους επισκέπτες να καταναλώνουν περιεχόμενο.

Κάτω από τα τέσσερα σημεία δεδομένων υπάρχει το υπο-στοιχείο “Show Origin Summary“. Κάνοντας κλικ εδώ, οι παραπάνω τιμές μπορούν να εμφανιστούν σε επίπεδο τομέα αντί για επίπεδο URL.

Μπορεί επίσης να συμβεί ότι δεν υπάρχουν αρκετά δεδομένα στο CrUX dataset για ένα συγκεκριμένο URL. Σε αυτήν την περίπτωση, η Google θα το επισημάνει σε ένα σημείωμα και θα εμφανίσει τα δεδομένα “Origin Summary”.

Δυνατότητες Βελτιστοποίησης: Δεδομένα Εργαστηρίου μέσω Lighthouse

Οι τιμές στο υπο-στοιχείο “Δεδομένα Εργαστηρίου” αφορούν το πόσο καλά αποδίδει το URL σύμφωνα με τις γενικές καλύτερες πρακτικές απόδοσης. Για το σκοπό αυτό, η Google διαπιστεύει το URL με το σύνολο δοκιμών Lighthouse.

Όπως και με την ταχύτητα της σελίδας, διάφορες μετρικές χωρίζονται επίσης σε Γρήγορο, Μέτριο και Αργό για τα δεδομένα εργαστηρίου.

Εδώ, επίσης, υπάρχουν αξιολογήσεις του First Contentful Paint (FCP), του Largest Contentful Paint (LCP) και του Cumulative Layout Shift (CLS). Επιπλέον, υπάρχουν το Time to Interactivity (TTI), το Speed Index και το Total Time to Block (TBT).

Παρόλο που το FCP, LCP και CLS εμφανίζονται τόσο στα δεδομένα εργαστηρίου όσο και στα δεδομένα του πεδίου, υπάρχουν διαφορετικά όρια για το FCP και το LCP.

• Γρήγορο (πράσινο)
  • FCP: ανάμεσα σε 0 και 2 δευτερόλεπτα.
  • Speed Index: ανάμεσα σε 0 και 4.3 δευτερόλεπτα.
  • LCP: ανάμεσα σε 0 και 2 δευτερόλεπτα.
  • TTI: ανάμεσα σε 0 και 3.8 δευτερόλεπτα.
  • TBT: ανάμεσα σε 0 και 0.3 δευτερόλεπτα.
  • CLS: η αλλαγή είναι ανάμεσα σε 0 και 10 τοις εκατό.

• Μέτριο (πορτοκαλί)
  • FCP: ανάμεσα σε 2 και 4 δευτερόλεπτα.
  • Speed Index: ανάμεσα σε 4.4 και 5.8 δευτερόλεπτα.
  • LCP: ανάμεσα σε 2 και 4 δευτερόλεπτα.
  • TTI: ανάμεσα σε 3.9 και 7.3 δευτερόλεπτα.
  • TBT: ανάμεσα σε 0.3 και 0.6 δευτερόλεπτα.
  • CLS: η αλλαγή είναι ανάμεσα σε 10 και 25 τοις εκατό.

• Αργό (κόκκινο)
  • FCP: περισσότερο από 4 δευτερόλεπτα.
  • Speed Index: περισσότερο από 5.8 δευτερόλεπτα.
  • LCP: περισσότερο από 4 δευτερόλεπτα.
  • TTI: περισσότερο από 7.3 δευτερόλεπτα.
  • TBT: περισσότερο από 0.6 δευτερόλεπτα.
  • CLS: η αλλαγή είναι περισσότερο από 25 τοις εκατό.

Η αξιολόγηση παρουσιάζει επίσης στιγμιότυπα οθόνης της διαδικασίας κατασκευής της σελίδας, μια πρακτική λειτουργία από το Lighthouse. Ωστόσο, σε αυτήν την προβολή, δεν παρέχονται πληροφορίες χρόνου για τα στιγμιότυπα οθόνης που είναι διαθέσιμες στον έλεγχο του Lighthouse.

Συστάσεις

Αυτή η ενότητα περιλαμβάνει περιοχές δυνητικής βελτιστοποίησης που η Google λέει ότι “μπορεί να μειώσουν τον χρόνο φόρτωσης της σελίδας”.

Διάγνωση

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

Συμπεράσματα σχετικά με το Google PageSpeed Insights

Το PageSpeed Insights παρέχει μια καλή πρώτη επισκόπηση ενός συγκεκριμένου URL και του συνοδευτικού χρόνου φόρτωσης.

Είναι σημαντικό να γνωρίζετε ότι αυτό δεν είναι το μόνο υπηρεσία της Google που αναλύει τον χρόνο φόρτωσης ενός URL ή ενός domain.

Ένα από τα άλλα sites είναι το webpagetest.org, όπου μπορούν να διεξαχθούν πολύ λεπτομερείς αναλύσεις της συμπεριφοράς φόρτωσης ενός συγκεκριμένου URL.

Εάν χρησιμοποιείτε τον περιηγητή Chrome, υπάρχει επίσης το ενσωματωμένο εργαλείο αξιολόγησης “Lighthouse“, το οποίο μπορεί να χρησιμοποιηθεί για να ελέγξει άλλες πτυχές του χρόνου φόρτωσης της σελίδας.

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

Στην WebOS, παρέχουμε επίσης περαιτέρω πληροφορίες σχετικά με το πώς να βελτιστοποιήσετε τον ιστότοπο σας όσον αφορά την ταχύτητα φόρτωσης.