Βελτιώστε τον χρόνο φόρτωσης ιστοσελίδας

Μετρήστε τον χρόνο φόρτωσης ιστοσελίδας

Γενικές πληροφορίες

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

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

Σημειώστε, ότι η Google έχει λάβει υπόψη τους χρόνους φόρτωσης ιστοσελίδας στον αλγόριθμό της εδώ και πολύ καιρό. Με την ενημέρωση του Page Experience τον Ιούνιο του 2021, συμπεριλαμβάνονται πρόσθετες μετρήσεις, όπως η Καθυστέρηση Πρώτης Εισόδου (FID), η Μεγαλύτερη Περιεχόμενη Ζωγραφική (LCP) και η Αθροιστική Μετατόπιση Διάταξης (CLS). Η βελτιστοποίηση του χρόνου φόρτωσης είναι επομένως άμεση βελτιστοποίηση μηχανών αναζήτησης (SEO).

Το παραπάνω εργαλείο προσομοιώνει μια προβολή σελίδας από μια κινητή συσκευή σε πραγματικό χρόνο. Οι διάφορες μετρήσεις καταγράφονται. Το εργαλείο χρησιμοποιεί την επίσημη διεπαφή Google Pagespeed.

Δραστηριότητες για βελτιστοποίηση του χρόνου φόρτωσης

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

1. Μειώστε τον αριθμό των αιτημάτων HTTP
2. Μειώστε τον αριθμό των αιτημάτων DNS
3. Χρησιμοποιήστε αποτελεσματικά την προσωρινή αποθήκευση του προγράμματος περιήγησης
4. Χρησιμοποιήστε προσωρινή αποθήκευση από την πλευρά του διακομιστή
5. Ενεργοποίηση συμπίεσης GZIP
6. Φορτώστε νωρίς τα φύλλα στυλ, έτσι ώστε η ιστοσελίδα να μπορεί να αποδοθεί γρήγορα
7. Επαναφόρτωση σεναρίων
8. Καταργήστε διπλότυπα σενάρια
9. Παράδοση εικόνων σε κατάλληλο μέγεθος και οι διαστάσεις προβολής των εικόνων πρέπει να συμφωνούν με τις φυσικές διαστάσεις.
10. Συμπιέστε τις εικόνες και χρησιμοποιήστε ιδανικά σύγχρονες μορφές web, όπως .webp ή .avif
11. Φορτώστε εικόνες εκτός της θύρας προβολής μόνο όταν χρειάζονται
12. Μειώστε τις ανακατευθύνσεις

Συχνές ερωτήσεις σχετικά με τους χρόνους φόρτωσης

• Τι περιλαμβάνουν τα μεταφερόμενα δεδομένα;
  Τα μεταφερθέντα δεδομένα υποδεικνύουν τη συνολική ποσότητα δεδομένων που μεταφέρθηκαν κατά την πρόσβαση στη σελίδα. Αυτό περιλαμβάνει γραπτά, εικόνες, σενάρια κ.λπ. Τα μεταφερόμενα δεδομένα μπορούν να μειωθούν εάν είναι απαραίτητο, για παράδειγμα, με λογική επαναφόρτωση ("lazyload").
• Τι είναι το First Contentful Paint (FCP);
  Είναι η Πρώτη σχεδίαση περιεχομένου. Στα Αγγλικά: First Contentful Paint (FCP). Επισημαίνει πότε σχεδιάζεται το πρώτο κείμενο ή η πρώτη εικόνα. Είναι ένα σημαντικό στοιχείο κλειδί για να αποτρέψετε τους επισκέπτες ενός ιστοτόπου από το να πρέπει να κοιτούν μια λευκή οθόνη για μεγάλο χρονικό διάστημα.
• Ποιο είναι το Largest Contentful Paint (LCP);
  Το Largest Contentful Paint (LCP) υποδεικνύει τον χρόνο μέτρησης έως ότου αποδοθεί το μεγαλύτερο στοιχείο από το μοντέλο αντικειμένου εγγράφου (DOM) που είναι ορατό στην οθόνη. Δηλαδή, η μέτρηση »Μεγαλύτερη σχεδίαση με περιεχόμενο« (Largest Contentful Paint), σηματοδοτεί τη χρονική στιγμή στην οποία σχεδιάζεται το μεγαλύτερο κείμενο ή η μεγαλύτερη εικόνα.
• Ποια είναι η διαφορά μεταξύ του First Contentful Paint (FCP) και του First Meaningful Paint (FMP);
  Το First Contentful Paint (FCP) δεν περιλαμβάνει απαραίτητα βασικά στοιχεία του ιστοτόπου, όπως τη κεφαλίδα ή τη γραμμή πλοήγησης. Χρονικά, είναι πάντα μπροστά από το «First Meaningful Paint» (FMP), το οποίο περιλαμβάνει αυτά τα στοιχεία. Η Google αποσύρθηκε ξανά από το FMP.
• Τι δείχνει το »Speed Index« δηλ. το «Ευρετήριο Ταχύτητας»;
  Το Ευρετήριο ταχύτητας δεν είναι μονοδιάστατο φορτίο αλλά περιγράφει την πρόοδο φόρτωσης μέχρι να δημιουργηθεί η σελίδα. Όσο πιο γρήγορα είναι ορατά τα στοιχεία και όσο λιγότερο περιεχόμενο χρειάζεται να επαναφορτωθεί αργότερα, τόσο χαμηλότερος και κατά συνέπεια καλύτερο είναι το Ευρετήριο ταχύτητας.
• Τι είναι το Time To Interactive (TTI);
  Το - Time To Interactive - (TTI) υποδεικνύει πότε ο ιστότοπος έχει αποδοθεί πλήρως και είναι έτοιμος για είσοδο από τον χρήστη.
• Τι είναι ο «Συνολικός χρόνος αποκλεισμού» (TBT);
  Η συνολική διάρκεια, σε χιλιοστά δευτερολέπτου, όλων των χρονικών περιόδων από το FCP έως και τον Χρόνο για Αλληλεπίδραση (TTI), όταν η διάρκεια της εργασίας υπερβαίνει τα 50 χιλιοστά δευτερολέπτου
• Τι περιγράφει τη Αθροιστική Μετατόπιση Διάταξης (CLS);
  Η Αθροιστική Μετατόπιση Διάταξης (CLS) περιγράφει πόσο αλλάζει η διάταξη του ιστοτόπου κατά τη διαδικασία φόρτωσης. Η βάση υπολογισμού για αυτό είναι το αναλογικό μέγεθος των στοιχείων μετατόπισης πολλαπλασιασμένο με το βαθμό μετατόπισης. Η καλύτερη τιμή είναι 0.