Βελτιώστε τον χρόνο φόρτωσης ιστοσελίδας
Μετρήστε και βελτιστοποιήστε τον χρόνο φόρτωσηςΜετρήστε τον χρόνο φόρτωσης ιστοσελίδας
Γενικές πληροφορίες
Μην βασίζεστε στην υπομονή των επισκεπτών σας: οι χρόνοι φόρτωσης είναι ζωτικής σημασίας για την επίτευξη των στόχων ενός ιστότοπου. Οι μελέτες δείχνουν επανειλημμένα ότι όσο αυξάνεται ο χρόνος φόρτωσης, το ποσοστό εγκατάλειψης αυξάνεται και το ποσοστό μετατροπής μειώνεται. Περισσότεροι από τους μισούς ιστότοπους έχουν πλέον πρόσβαση μέσω κινητών συσκευών. Αυτό θα πρέπει να λαμβάνεται υπόψη στη σχεδίαση ιστού, έτσι ώστε ο ιστότοπος να φορτώνει ακόμη και με κακή σύνδεση δεδομένων και να μην επιβαρύνει περιττό τον όγκο δεδομένων των χρηστών. Μια κακή σύνδεση δεδομένων είναι το καλύτερο παράδειγμα τεχνικού φραγμού στο σχεδιασμό ιστοσελίδων.
Ως εκ τούτου, η Google έχει λάβει υπόψη τους χρόνους φόρτωσης ιστοσελίδας στον αλγόριθμό της εδώ και πολύ καιρό. Με την ενημέρωση του Page Experience τον Ιούνιο του 2021, θα συμπεριληφθούν πρόσθετες μετρήσεις, όπως η Καθυστέρηση Πρώτης Εισόδου (FID), η Μεγαλύτερη Περιεχόμενη Ζωγραφική (LCP) και η Αθροιστική Μετατόπιση Διάταξης (CLS). Η βελτιστοποίηση του χρόνου φόρτωσης είναι επομένως άμεση βελτιστοποίηση μηχανών αναζήτησης (SEO στη σελίδα).
Το παραπάνω εργαλείο προσομοιώνει μια προβολή σελίδας από μια κινητή συσκευή σε πραγματικό χρόνο. Οι διάφορες μετρήσεις καταγράφονται. Το εργαλείο χρησιμοποιεί την επίσημη διεπαφή Google Pagespeed.
Δραστηριότητες για βελτιστοποίηση του χρόνου φόρτωσης
Το πώς μπορείτε να βελτιστοποιήστε τους χρόνους φόρτωσης ιστοσελίδας και άλλες μετρήσεις εξαρτάται από τον ιστότοπο σας λεπτομερώς. Αυτές οι πτυχές μπορούν γενικά να ληφθούν υπόψη σχεδόν σε κάθε ιστότοπο:
- Μειώστε τον αριθμό των αιτημάτων HTTP
- Μειώστε τον αριθμό των αιτημάτων DNS
- Χρησιμοποιήστε αποτελεσματικά την προσωρινή αποθήκευση του προγράμματος περιήγησης
- Χρησιμοποιήστε προσωρινή αποθήκευση από την πλευρά του διακομιστή
- Ενεργοποίηση συμπίεσης GZIP
- Φορτώστε νωρίς τα φύλλα στυλ, έτσι ώστε η ιστοσελίδα να μπορεί να αποδοθεί γρήγορα
- Επαναφόρτωση σεναρίων
- Καταργήστε διπλότυπα σενάρια
- Παράδοση εικόνων σε κατάλληλο μέγεθος και οι διαστάσεις προβολής των εικόνων πρέπει να συμφωνούν με τις φυσικές διαστάσεις.
- Συμπιέστε τις εικόνες και χρησιμοποιήστε ιδανικά σύγχρονες μορφές web, όπως .webp ή .avif
- Φορτώστε εικόνες εκτός της θύρας προβολής μόνο όταν χρειάζονται
- Μειώστε τις ανακατευθύνσεις
Συχνές ερωτήσεις σχετικά με τους χρόνους φόρτωσης
-
Τα μεταφερθέντα δεδομένα υποδεικνύουν τη συνολική ποσότητα δεδομένων που μεταφέρθηκαν κατά την πρόσβαση στη σελίδα. Αυτό περιλαμβάνει γραπτά, εικόνες, σενάρια κ.λπ. Τα μεταφερόμενα δεδομένα μπορούν να μειωθούν εάν είναι απαραίτητο, για παράδειγμα, με λογική επαναφόρτωση ("lazyload").
-
Είναι η Πρώτη σχεδίαση περιεχομένου. Στα Αγγλικά: "First Contentful Paint" (FCP). Επισημαίνει πότε σχεδιάζεται το πρώτο κείμενο ή η πρώτη εικόνα. Είναι ένα σημαντικό στοιχείο κλειδί για να αποτρέψετε τους επισκέπτες ενός ιστότοπου από το να πρέπει να κοιτούν μια λευκή οθόνη για μεγάλο χρονικό διάστημα.
-
Το "Largest Contentful Paint" (LCP) υποδεικνύει τον χρόνο μέτρησης έως ότου αποδοθεί το μεγαλύτερο στοιχείο από το μοντέλο αντικειμένου εγγράφου (DOM) που είναι ορατό στην οθόνη. Δηλαδή, η μέτρηση "Μεγαλύτερη σχεδίαση με περιεχόμενο" (Largest Contentful Paint), σηματοδοτεί τη χρονική στιγμή στην οποία σχεδιάζεται το μεγαλύτερο κείμενο ή η μεγαλύτερη εικόνα.
-
Το "First Contentful Paint" (FCP) δεν περιλαμβάνει απαραίτητα βασικά στοιχεία του ιστότοπου, όπως τη κεφαλίδα ή τη γραμμή πλοήγησης. Χρονικά, είναι πάντα μπροστά από το «First Meaningful Paint» (FMP), το οποίο περιλαμβάνει αυτά τα στοιχεία. Η Google αποσύρθηκε ξανά από το FMP.
-
Το Ευρετήριο ταχύτητας δεν είναι μονοδιάστατο φορτίο αλλά περιγράφει την πρόοδο φόρτωσης μέχρι να δημιουργηθεί η σελίδα. Όσο πιο γρήγορα είναι ορατά τα στοιχεία και όσο λιγότερο περιεχόμενο χρειάζεται να επαναφορτωθεί αργότερα, τόσο χαμηλότερος και κατά συνέπεια καλύτερο είναι το Ευρετήριο ταχύτητας.
-
Το "Time To Interactive" (TTI) υποδεικνύει πότε ο ιστότοπος έχει αποδοθεί πλήρως και είναι έτοιμος για είσοδο από τον χρήστη.
-
Η συνολική διάρκεια, σε χιλιοστά δευτερολέπτου, όλων των χρονικών περιόδων από το FCP έως και τον Χρόνο για Αλληλεπίδραση (TTI), όταν η διάρκεια της εργασίας υπερβαίνει τα 50 χιλιοστά δευτερολέπτου
-
Η "Αθροιστική Μετατόπιση Διάταξης" (CLS) περιγράφει πόσο αλλάζει η διάταξη του ιστότοπου κατά τη διαδικασία φόρτωσης. Η βάση υπολογισμού για αυτό είναι το αναλογικό μέγεθος των στοιχείων μετατόπισης πολλαπλασιασμένο με το βαθμό μετατόπισης. Η καλύτερη τιμή είναι 0.