Βασικές συμβουλές βελτιστοποίησης για την επιτάχυνση της ιστοσελίδας σας στο WordPress
Εκτός από την ασφάλεια, η ταχύτητα του ιστότοπού σας είναι ζωτικής σημασίας για την επιτυχία της επιχείρησής σας στο διαδίκτυο. Ο χρόνος φόρτωσης του ιστότοπου αποτελεί κυρίαρχη συνιστώσα της εμπειρίας του χρήστη και επηρεάζει τις ανταμοιβές των μηχανών αναζήτησης (ειδικά SEO). Η καθυστέρηση ενός δευτερολέπτου στην ταχύτητα της τοποθεσίας έχει ως αποτέλεσμα 7% απώλεια μετατροπών. αυτό σημαίνει ότι μια καθυστέρηση επτά δευτερολέπτων θα μείωσε τις μετατροπές σας κατά το ήμισυ!
Μεγέθυνση ταχύτητας ιστότοπου με τη χρήση του PageSpeed Insights
Υπάρχουν πολλοί παράγοντες που μπορούν να επηρεάσουν τους χρόνους φόρτωσης ενός ιστότοπου. Αντί να μαντέψετε τι πρέπει να κάνετε για να βελτιστοποιήσετε την ταχύτητα του ιστότοπού σας, είναι καλύτερο να χρησιμοποιήσετε το PageSpeed Insights από την Google για να μάθετε τι πρέπει να διορθωθεί για τον ιστότοπό σας.
1. Μεταβείτε στην τοποθεσία Web PageSpeed Insights.
2. Στο πλαίσιο κειμένου που αναφέρει "Εισαγάγετε μια διεύθυνση URL ιστοσελίδας" εισάγετε τον ιστότοπό σας. Σε αυτή την περίπτωση, MakeTechEasier.com.
3. Κάντε κλικ στο κουμπί "Αναλύστε" και παρακολουθήστε την φόρτωση.
4. Μόλις ολοκληρωθεί η φόρτωση, θα δείτε μια σελίδα αναφοράς σχετικά με την απόδοση του ιστότοπού σας. Αυτή η σελίδα αναφορών σας λέει τι έχετε κάνει σωστά και τι είναι λάθος. Χρησιμοποιήστε τη σελίδα αναφοράς για να εφαρμόσετε τις προτεινόμενες αλλαγές.
Η σελίδα αναφορών περιέχει αναφορές ταχύτητας για κινητά και επιτραπέζιους υπολογιστές για τον ιστότοπό σας. Η αναφορά κάθε οθόνης χωρίζεται σε "Πιθανές βελτιστοποιήσεις", η οποία σας λέει ποιες βελτιστοποιήσεις πρέπει να κάνετε και "Βρέθηκαν Βελτιστοποιήσεις", που σας δείχνει ποιες βελτιώσεις έχετε κάνει.
Στην περίπτωση του Make Tech Easier (MTE), οι πιθανές βελτιστοποιήσεις περιλαμβάνουν:
- Εξαλείψτε το JavaScript και το CSS από το rendering-blocking στο περιεχόμενο που βρίσκεται πιο πάνω
- Αξιοποιήστε την προσωρινή αποθήκευση του προγράμματος περιήγησης
- Βελτιστοποιήστε τις εικόνες
Αυτός ο κατάλογος είναι μόνο για το MTE και σύμφωνα με τα πρότυπα της Google, το MTE είναι αρκετά γρήγορο (όπως υποδεικνύει η παρακάτω εικόνα). Εάν εκτελείτε έναν ιστότοπο με φτωχότερες βελτιστοποιήσεις ταχύτητας, θα βγείτε με περισσότερες προτάσεις βελτιστοποίησης.
Υπενθυμίζουμε ότι το PageSpeed Insights είναι συγκεκριμένο σε μεμονωμένες σελίδες. Αυτό το εργαλείο είναι πολύ βολικό για να γνωρίζετε πόσο γρήγορα φορτώνεται κάθε σελίδα του ιστότοπού σας αντί να γενικεύετε για ολόκληρο τον ιστότοπό σας.
Οι Βελτιστοποιήσεις του MTE που βρέθηκαν περιλαμβάνουν:
Βελτιστοποίηση ταχύτητας ιστότοπου WordPress
Χρησιμοποιώντας τις προτάσεις βελτιστοποίησης από το PageSpeed Insights, θα διερευνήσουμε πώς μπορείτε να βελτιώσετε την ταχύτητα του ιστοτόπου σας στο WordPress.
1. Εξαλείψτε το JavaScript και το CSS από το rendering-blocking στο περιεχόμενο που βρίσκεται πάνω από το fold
Με λίγα λόγια, η PageSpeed συνιστά να βελτιωθεί η ταχύτητα με την οποία ορισμένες CSS εμφανίζονται στον ιστότοπο. Η πρόκληση είναι ότι το PageSpeed δίνει μια μάλλον τεχνική διαδρομή για να εφαρμόσει τις προτάσεις βελτιστοποίησης - θα παλέψετε αν δεν είστε προγραμματιστής. Για να βελτιώσετε την ταχύτητα της τοποθεσίας σας στο WordPress χωρίς να παραβιάζετε κωδικούς, χρησιμοποιήστε το plugin Autoptimize.
Αυτό που κάνει το Autoptimize είναι η συσσωμάτωση, ο διαχωρισμός και η προσωρινή αποθήκευση σεναρίων και στυλ, η έγχυση CSS στο κεφάλι της σελίδας από προεπιλογή και η μετακίνηση και η αναβολή των scripts στο υποσέλιδο. Μικροποιεί επίσης τον ίδιο τον κώδικα HTML, κάνοντας τη σελίδα σας πραγματικά ελαφριά.
2. Χάραξη προσωρινής αποθήκευσης του προγράμματος περιήγησης
Χρησιμοποιήστε τα plug-ins του WordPress για να αποθηκεύσετε προσωρινά το περιεχόμενο του ιστότοπού σας. Η προσωρινή αποθήκευση αποθηκεύει το περιεχόμενο του ιστού σας ως στατικά αρχεία HTML. Μερικά από τα δημοφιλή plug-ins για την αποθήκευση στο WordPress περιλαμβάνουν WP Super Cache, W3 Total Cache, WP-Rocket και WP Fastest Cache.
3. Βελτιστοποιήστε τις εικόνες
Η βελτιστοποίηση εικόνας έχει πολλές επιλογές. Μπορείτε να βελτιστοποιήσετε τις εικόνες πριν τις μεταφορτώσετε και να βελτιώσετε περαιτέρω τη βελτιστοποίηση χρησιμοποιώντας plugins.
Αν δημιουργείτε εικόνες χρησιμοποιώντας το Fireworks ή το Photoshop, μειώστε τις χρησιμοποιώντας την επιλογή "Αποθήκευση για Web". Εάν δεν διαθέτετε πρόγραμμα γραφικών, χρησιμοποιήστε άλλα εργαλεία βελτιστοποίησης όπως το ImageOptim (λειτουργεί μόνο για Mac), το Compressor.io (διαθέσιμο στον Ιστό) και το TinyPNG (επίσης στο Web).
Για να αυτοματοποιήσετε τη διαδικασία βελτιστοποίησης, μπορείτε επίσης να χρησιμοποιήσετε πρόσθετα βελτιστοποίησης εικόνας όπως WP Smush, PixPie κ.λπ.
Το plugin LazyLoad είναι ένας άλλος τρόπος για να βελτιώσετε την ταχύτητα του ιστότοπού σας. Αποθηκεύει το εύρος ζώνης μεταφοράς μόνο με τη φόρτωση εικόνων κατόπιν ζήτησης (όταν ο χρήστης κάνει κύλιση προς τα κάτω στη σελίδα).
Περισσότερες βελτιστοποιήσεις ταχύτητας ιστότοπου
Μπορεί να έχετε παρατηρήσει ότι σχεδόν όλες οι βελτιστοποιήσεις μπορούν να χρησιμοποιήσουν ένα πρόσθετο, οπότε δεν χρειάζεται να παίζετε με κανέναν κωδικό. Ωστόσο, κάποιες βελτιστοποιήσεις ταχύτητας του ιστότοπου WordPress ξεπερνούν τα plugins. Δύο εναλλακτικοί παράγοντες που επηρεάζουν την ταχύτητα της τοποθεσίας είναι το σωστό πρόγραμμα φιλοξενίας και φιλοξενίας και η χρήση δικτύων παροχής περιεχομένου (CDN).
Υποδοχές και φιλοξενία
Κοινή φιλοξενία που σας υπόσχεται "Απεριόριστες προβολές σελίδας" μπορεί να ακούγεται σαν μια καλή συμφωνία, αλλά φέρει αιφνίδιο κόστος. Η ταχύτητα του ιστότοπου θα υποστεί (που βλάπτει τη φήμη του ιστότοπού σας, το SEO και την εμπειρία του χρήστη) και στη συνέχεια ο ιστότοπός σας θα βιώσει πολύ χρόνο.
Πόσο αποτέλεσμα έχει η φιλοξενία στην ταχύτητα του χώρου; Η Colocation America λέει ότι η VPS φιλοξενεί βελτιωμένη ταχύτητα τοποθεσίας κατά 62%. Σύμφωνα με την SEJ, οι ιστοσελίδες από τους κοινόχρηστους εξυπηρετητές φιλοξενίας χρειάστηκαν περίπου οκτώ δευτερόλεπτα για να φορτωθούν, ενώ εκείνοι που φιλοξενούνται στο VPS χρειάστηκαν μόλις δύο δευτερόλεπτα
Εάν είναι δυνατόν, μεταβείτε σε VPS ή άλλες ειδικές επιλογές φιλοξενίας, NOT shared hosting. Με την πρώτη ματιά, η φθηνή φιλοξενία φαίνεται να σας εξοικονομεί χρήματα, αλλά στην πραγματικότητα σκοτώνει την επιχείρησή σας.
Επιλέξτε έναν κεντρικό υπολογιστή που χρησιμοποιεί συμπίεση και αποπληθωρισμό GZIP. μπορεί να μειώσει το μέγεθος του αρχείου σας κατά εβδομήντα τοις εκατό - συμπεριλαμβανομένων των αρχείων βίντεο, ήχου και εικόνων - χωρίς να υποβαθμίσει την ποιότητα αυτών των αρχείων ή του ιστότοπού σας. Το Gzipping από μόνο του μπορεί να αυξήσει σημαντικά την ταχύτητα του ιστότοπού σας. Μπορείτε να μάθετε αν ο ιστότοπός σας είναι Gzipped χρησιμοποιώντας ένα εργαλείο από το δίκτυο GD.
Αφήστε ένα CDN να φέρει το φορτίο
Χρησιμοποιήστε ένα δίκτυο παροχής περιεχομένου (CDN), όπως το Amazon CloudFront, εάν η επισκεψιμότητα του ιστότοπού σας είναι σε άνοδο. Ένα CDN λαμβάνει όλα τα στατικά αρχεία του ιστότοπού σας, όπως εικόνες, CSS, Javascript και πολλά άλλα, και το διανέμει σε διακομιστές σε διαφορετικές γεωγραφικές τοποθεσίες. Οι επισκέπτες του ιστότοπού σας θα επωφεληθούν από τη βελτιωμένη ταχύτητα του ιστότοπου καθώς θα έχουν πρόσβαση στο περιεχόμενό σας με βάση τη γεωγραφική τους εγγύτητα με τους διακομιστές CDN.
Μπορείτε να χρησιμοποιήσετε το plugin CDN Enabler για να ενσωματώσετε γρήγορα τις αγαπημένες σας υπηρεσίες CDN στον ιστότοπό σας WordPress.
Τυλίγοντας
Δεν θα διαπραγματευτείτε ή θα συμβιβαστείτε στην ασφάλεια του ιστοτόπου σας - αντιμετωπίστε την ταχύτητα του site σας στο WordPress ίδια. Η Google αναφέρει ανοιχτά ότι δίνει προτεραιότητα σε ιστότοπους που δίνουν προτεραιότητα στην ταχύτητα του ιστότοπου στο σχεδιασμό τους. Δεν είναι μόνο Μηχανές Αναζήτησης, οι χρήστες του ιστότοπού σας προτιμούν επίσης τους ιστότοπους ταχείας μετακίνησης σε αυτούς που ανιχνεύουν. Ξεκινήστε να χρησιμοποιείτε τις συμβουλές εδώ σύντομα!