Πώς λειτουργούν οι δοκιμές ταχύτητας ιστότοπου

Ενημερώθηκε: 2022-05-24 / Άρθρο από: Timothy Shim

Ίσως να είστε εξοικειωμένοι με το ρητό ότι «μια εικόνα αξίζει όσο χίλιες λέξεις». Λοιπόν, αποδεικνύεται ότι ένα δευτερόλεπτο αξίζει περίπου το 3.4% των μετατροπών για τον ιστότοπό σας. Αυτό είναι ένα τεράστιο ποσό χαμένων επιχειρήσεων λόγω αργής φόρτωσης σελίδων. 

Πώς μπορείτε λοιπόν να προσδιορίσετε εάν ο ιστότοπός σας φορτώνει αρκετά γρήγορα; Ταχύτητα ιστότοπου Οι δοκιμές είναι ένας πολύ καλός τρόπος για να μάθετε, αλλά υπάρχουν πολλά διαφορετικά τεστ που μπορείτε να χρησιμοποιήσετε.

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

Πώς να δοκιμάσετε σωστά την ταχύτητα του ιστότοπου

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

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

Είναι σημαντικό να θυμάστε ότι τα αποτελέσματα συχνά εξαρτώνται από εσάς του web server θέση σε σχέση με το σημείο προέλευσης της δοκιμής. Όσο πιο μακριά είναι αυτά τα δύο, τόσο μεγαλύτερος είναι ο χρόνος που χρειάζονται τα δεδομένα για να ταξιδέψουν, επηρεάζοντας δυνητικά τα αποτελέσματα των δοκιμών ταχύτητας.

Εξαιτίας αυτού, θα πρέπει πάντα επιλέξτε έναν διακομιστή ιστού κοντά στην τοποθεσία όπου περιμένετε τους περισσότερους επισκέπτες. Για παράδειγμα, ένας ιστότοπος που εξυπηρετεί κυρίως επισκεψιμότητα με έδρα τις ΗΠΑ θα πρέπει να βρίσκεται κάπου εντός των ΗΠΑ.

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

Μεθοδολογία δοκιμής ταχύτητας Ideal Server

Η μεθοδολογία δοκιμής σας θα πρέπει να περιλαμβάνει πολλές εκτελέσεις και να μοιάζει κάπως έτσι:

  1. Εκτελέστε μια δοκιμή από την τοποθεσία 1 και επαναλάβετε 3 φορές, καταγράφοντας τα αποτελέσματα από όλες τις δοκιμές.
  2. Επαναλάβετε τη διαδικασία από άλλη τοποθεσία δοκιμής, καταγράφοντας παρόμοια τα δεδομένα. Σας συνιστώ να κάνετε δοκιμές από τουλάχιστον τρεις στρατηγικούς τομείς. ΗΠΑ, Ευρώπη και Ασία.

Προτεινόμενα εργαλεία δοκιμής ταχύτητας ιστότοπου

Παράδειγμα δοκιμών ταχύτητας ιστότοπου
Παράδειγμα – Δοκιμές ταχύτητας ιστότοπου που κάναμε για τους ιστότοπους δοκιμής που φιλοξενούνται Interserver (περισσότερες λεπτομέρειες εδώ) από διαφορετικές τοποθεσίες χρησιμοποιώντας το WebPageTest.org

Τα εργαλεία που δίνουν τις περισσότερες πληροφορίες σχετικά με την απόδοση του ιστότοπού σας χρησιμοποιούν πραγματικούς, ανθρώπινους επισκέπτες για να δοκιμάσουν την ταχύτητα του ιστότοπού σας. Για παράδειγμα, η δοκιμή πλήρους σελίδας του Pingdom χρησιμοποιεί πραγματικά προγράμματα περιήγησης (IE9, Chrome και Firefox) σε πραγματικές τοποθεσίες (ΗΠΑ, Αυστραλία, Ευρώπη) για να φορτώσει τον ιστότοπό σας και να παρέχει αναφορές απόδοσης.

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

Ωστόσο, υπάρχουν πολλά άλλα χρήσιμα εργαλεία δοκιμής ταχύτητας ιστότοπου που μπορείτε να εξετάσετε, όπως:

Για μια πλήρη λίστα αυτών των εργαλείων, ανατρέξτε στο δικό μας Λίστα 20 δωρεάν εργαλείων δοκιμής ταχύτητας ιστότοπου.

Κατανόηση της ορολογίας Speed ​​Test

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

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

Αφάνεια

Ο χρόνος που απαιτείται για όλα όσα συμβαίνουν από τη στιγμή που κάνετε κλικ σε έναν σύνδεσμο ή εισάγετε μια διεύθυνση στο πρόγραμμα περιήγησής σας και όταν βλέπετε τα αποτελέσματα να εμφανίζονται στην οθόνη σας. Η τυπική μέτρηση του Latency είναι σε χιλιοστά του δευτερολέπτου (ms).

Εκτελέστε ping

Συχνά συγχέεται με το Latency, το Ping είναι ένας ακριβής όρος που χρησιμοποιείται για να περιγράψει τον χρόνο που χρειάζεται για ένα μεμονωμένο πακέτο δεδομένων να φύγει από τον υπολογιστή σας και να φτάσει στον προορισμό του. Όπως και το Latency, μετράτε το Ping σε ms.

First Byte ή Time to First Byte (TTFB)

Το TTFB είναι μια μέτρηση που χρησιμοποιείται για να υποδείξει την ανταπόκριση ενός διακομιστή web. Μετράτε το TTFB ως τη διάρκεια από τον χρήστη ή τον πελάτη που κάνει ένα αίτημα HTTP μέχρι τη λήψη του πρώτου byte από το πρόγραμμα περιήγησης του πελάτη. 

Μέγεθος σελίδας

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

Πρώτη Διαδραστική

Τα περισσότερα προγράμματα περιήγησης ιστού επιτρέπουν στους χρήστες να αρχίσουν να εκτελούν δραστηριότητες σε έναν ιστότοπο πριν από την πλήρη φόρτωση. Το First Interactive είναι ο χρόνος στον ιστότοπό σας πριν συμβεί αυτό.

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

Κι αλλα. Προσπαθήστε να μάθετε όσο το δυνατόν περισσότερα για το τι σημαίνουν αυτοί οι όροι, εάν σκοπεύετε να χρησιμοποιήσετε ένα τεστ που παρέχει τα παραπάνω δεδομένα.

Ερμηνεία αποτελεσμάτων δοκιμής ταχύτητας

Το PageSpeed ​​Insights της Google παρέχει μια γρήγορη αξιολόγησή σας απόδοση ιστοσελίδας.

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

Εξαιτίας αυτού, πρόκειται να χρησιμοποιήσω ένα εργαλείο ως παράδειγμα – Page Speed ​​το Google Insights.

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

Η Google δοκιμάζει ξεχωριστά την απόδοση για φορητές συσκευές και επιτραπέζιους υπολογιστές και εστιάζει σε τέσσερα βασικά στοιχεία: First Contentful Paint (FCP), First Input Delay (FID), Largest Contentful Paint (LCP) και Cumulative Layout Shift (CLS).

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

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

Επίσης, διαβάστε

Αντιμετώπιση προβλημάτων Αποτελέσματα δοκιμής αργής ταχύτητας ιστότοπου

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

Οι περισσότεροι αργοί ιστότοποι είναι το αποτέλεσμα παρόμοιων συνόλων ελλείψεων. Για παράδειγμα, οι υψηλοί χρονισμοί CLS προκύπτουν από τη μη σωστή βελτιστοποίηση των εικόνων. Ωστόσο, δεδομένου του αριθμού των τομέων που χρειάζονται προσοχή, είναι αδύνατο να καλυφθούν πλήρως.

Μερικά κοινά προβλήματα και λύσεις περιλαμβάνουν:

Μειώστε τη JavaScript που δεν χρησιμοποιείται

Δυναμικοί ιστότοποι (όπως αυτοί που λειτουργούν WordPress ) αντιμετωπίζουν συχνά αυτό το πρόβλημα. Μπορείτε να αντιμετωπίσετε το πρόβλημα χρησιμοποιώντας μια καλή προσθήκη προσωρινής μνήμης για να μειώσετε τον πλεονασμό JavaScript.

Μειώστε τον αντίκτυπο του κώδικα τρίτων

Πολλοί ιστότοποι σήμερα είναι αρθρωτοί και χρησιμοποιούν στοιχεία από διάφορους προγραμματιστές (για παράδειγμα, Google, Facebook, Fonts, κ.λπ.). Αυτός ο συνδυασμός οδηγεί συχνά σε έλλειψη συνοχής που επηρεάζει την απόδοση. Βελτιώστε τον ιστότοπό σας και χρησιμοποιήστε όσο το δυνατόν λιγότερες διαφορετικές πηγές κώδικα.

Μειώστε τον αρχικό χρόνο απόκρισης του διακομιστή

Ουσιαστικά, η Google σας λέει ότι ο διακομιστής ιστού σας είναι χάλια. Υποπαρ web hosting συχνά οδηγεί σε χαμηλές ταχύτητες και δεν μπορείτε να κάνετε πολλά παρά μόνο να μετακινηθείτε σε άλλο πάροχο φιλοξενίας.

Τα στοιχεία της εικόνας δεν έχουν ρητό πλάτος και ύψος

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

Προβολή εικόνων σε μορφές επόμενης γενιάς

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

Εξυπηρέτηση στατικών στοιχείων με αποτελεσματική πολιτική προσωρινής μνήμης

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

Αποφύγετε το υπερβολικό μέγεθος DOM

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

Αποφύγετε μεγάλες αλλαγές διάταξης

Οι δυναμικοί ιστότοποι δημιουργούν ενότητες σελίδων on-the-fly. Όταν έχετε πολλά από αυτά τα στοιχεία με δυνατότητα αλλαγής μεγέθους σε μια σελίδα, η διάταξη αλλάζει συχνά, με αποτέλεσμα μια κακή εμπειρία χρήστη. Όπου είναι δυνατόν, ορίστε σωστά τα στοιχεία της σελίδας.

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

Για να μάθετε περισσότερα, διαβάστε WHSRοδηγός για βελτίωση της απόδοσης του ιστότοπού σας.

Τελικές σκέψεις σχετικά με τις δοκιμές ταχύτητας ιστότοπου

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

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

ΔΙΑΒΑΣΤΕ ΠΕΡΙΣΣΟΤΕΡΑ

Σχετικά με τον Timothy Shim

Ο Timothy Shim είναι συγγραφέας, συντάκτης και tech geek. Ξεκινώντας την καριέρα του στον τομέα της Πληροφορικής, βρήκε γρήγορα το δρόμο του για εκτύπωση και από τότε συνεργάστηκε με τίτλους διεθνών, περιφερειακών και εγχώριων μέσων ενημέρωσης όπως οι ComputerWorld, PC.com, Business Today και The Asian Banker. Η εξειδίκευσή του έγκειται στον τομέα της τεχνολογίας τόσο από πλευράς καταναλωτών όσο και επιχειρήσεων.