Τι είναι η ταχύτητα σελίδας

Εισαγωγή

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

Κορυφαίες τακτικές SEO: Page Speed

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

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

Συμπίεση ιστότοπου

Χρησιμοποιήστε το Gzip, το πρόγραμμα λογισμικού που προορίζεται για συμπίεση δεδομένων, για να μειώσετε τις διαστάσεις των αρχείων δεδομένων CSS, HTML και JavaScript που μπορεί να είναι μεγαλύτερα από 150 bytes. Το Gzips δεν είναι χρήσιμο σε αρχεία εικόνων. Αντ' αυτού, συμπιέστε αυτά τα αρχεία χρησιμοποιώντας ένα πρόγραμμα όπως το Photoshop, το οποίο θα σας επιτρέψει να διατηρήσετε τον ποιοτικό έλεγχο των εικόνων σας.

Ελαχιστοποίηση CSS, JavaScript, εκτός από την HTML

Η βελτιστοποίηση του κώδικά σας μπορεί να αυξήσει σημαντικά την τρέχουσα ταχύτητα της σελίδας σας. Επίσης, εξαλείψτε τις αποκρίσεις κώδικα, τη μορφοποίηση, καθώς και τον εγκαταλελειμμένο κώδικα. Η Google προτείνει την εφαρμογή του YUI Compressor τόσο για το CSS όσο και για το JavaScript.

Χαμηλότερες ανακατευθύνσεις

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

123abc.com -> www. 123abc.com -> m. 123abc.com -> m. 123abc.com/home

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

Προσωρινή αποθήκευση δεδομένων του προγράμματος περιήγησης

Τα προγράμματα περιήγησης στον ιστό αποθηκεύουν στην κρυφή μνήμη μεγάλες ποσότητες πληροφοριών (φύλλα στυλ, φωτογραφίες, εγγραφές JavaScript και άλλα) για να διασφαλίζουν ότι κάθε φορά που ένας επισκέπτης ενός ιστότοπου επιστρέφει σε έναν ιστότοπο, η σελίδα δεν είναι αναγκασμένη να επαναφορτωθεί εντελώς. Εργαστείτε με ένα εργαλείο όπως το YSlow για να διαπιστώσετε πότε έχετε ήδη ορίσει έναν εξαιρετικό χρόνο λήξης για την κρυφή μνήμη σας. Στη συνέχεια, καθιερώστε την επικεφαλίδα "expires" για το χρονικό διάστημα που θέλετε τα δεδομένα να παραμένουν στην προσωρινή μνήμη. Η Google παρέχει πληροφορίες σχετικά με την αξιοποίηση της κρυφής μνήμης και, εκτός εάν οι τοποθεσίες σας αλλάζουν σχεδιασμό περισσότερο από μία φορά το χρόνο, οι πληροφορίες που παρέχονται στον ιστότοπό της θα πρέπει να είναι πολύ χρήσιμες.

Αύξηση της αντίδρασης του διακομιστή

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

Χρησιμοποιήστε έναν κύκλο παροχής περιεχομένου

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

Ενίσχυση γραφικών

Βεβαιωθείτε ότι οι φωτογραφίες σας δεν είναι μεγαλύτερες από ό,τι χρειάζεται, ότι είναι στο κατάλληλο αρχείο και ότι έχουν μειωθεί σε μέγεθος για το διαδίκτυο. Χρησιμοποιήστε sprites CSS για να φτιάξετε ένα πρότυπο σχετικά με εικόνες που χρησιμοποιείτε τακτικά στον ιστότοπό σας, όπως κουμπιά και εικονίδια. Τα sprites CSS συνδυάζουν τις εικόνες απευθείας σε μια σημαντική φωτογραφία που φορτώνει σε σύντομο χρονικό διάστημα (πράγμα που σημαίνει πολύ λιγότερα αιτήματα HTTP). Θα εξοικονομήσετε χρόνο φόρτωσης με το να μην απαιτείται από τους χρήστες να περιμένουν για πολλαπλές ουρές φόρτωσης εικόνων.