Βελτιστοποίηση WordPress: Για Ταχύτητα

Να η συμφωνία:
Εάν ο ιστότοπός σας χρειάζεται περισσότερα από 3 δευτερόλεπτα για να φορτώσει…
… οι περισσότεροι από τους επισκέπτες σας θα φύγουν και δεν θα επιστρέψουν ποτέ.

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

• Περισσότερη επισκεψιμότητα από το Google
• Χαμηλότερο ποσοστό εγκατάλειψης
• Καλύτερο ποσοστό μετατροπής
• Περισσότερες πωλήσεις

Αλλά το πρόβλημα είναι ότι η βελτίωση της ταχύτητας του ιστότοπού σας είναι δύσκολη και μπορεί να πάρει πολύ χρόνο. Εάν προσλάβετε έναν προγραμματιστή ιστού, θα σας κοστίσει πολύ πάνω από χίλια δολάρια. Εάν είστε χρήστης του WordPress, μπορείτε εύκολα να το κάνετε χρησιμοποιώντας ένα πρόσθετο όπως WP Speed of Light.
Σε αυτόν τον οδηγό, θα σας δείξω πώς μπορείτε να βελτιώσετε την ταχύτητα του ιστότοπού σας στο WordPress με το πρόσθετο μας, WP Speed of Light.

Γιατί πρέπει να βελτιώσετε την ταχύτητα του ιστότοπού σας

Υπάρχουν πολλοί λόγοι για τους οποίους θα θέλατε να βελτιώσετε την ταχύτητα του ιστότοπού σας. Ένας από τους πιο σημαντικούς είναι η μείωση του ποσοστού εγκατάλειψης του ιστότοπού σας.

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

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

Όχι μόνο αυτό, σύμφωνα με το Kissmetrics, το 47% των καταναλωτών περιμένει μια ιστοσελίδα να φορτώσει σε 2 δευτερόλεπτα ή λιγότερο, και το 40% των χρηστών σας θα εγκαταλείψει την ιστοσελίδα σας εάν χρειαστούν πάνω από 3 δευτερόλεπτα για να φορτώσει. Εάν δεν είστε ακόμα πεπεισμένοι, σύμφωνα με το WebsiteOptimization.com, μια αργή ιστοσελίδα θεωρείται χαμηλής ποιότητας, θα μειώσει την επισκεψιμότητά σας έως και 20% και θα αυξήσει ακόμη και την αρτηριακή πίεση των χρηστών σας.

Εξυπηρέτηση Αποθηκευμένων Σελίδων για Μείωση του Χρόνου Φόρτωσης και των Πόρων του Διακομιστή

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

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

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

Αλλά εδώ είναι το πρόβλημα:

Το WordPress από προεπιλογή δεν έρχεται με λειτουργικότητα προσωρινής αποθήκευσης. Αυτό σημαίνει ότι δεν υπάρχει κουμπί στον Πίνακα Ελέγχου του WordPress που μπορείτε να πατήσετε για να ενεργοποιήσετε την προσωρινή αποθήκευση. Για να ενεργοποιήσετε την προσωρινή αποθήκευση στην ιστοσελίδα σας στο WordPress, θα χρειαστεί να εγκαταστήσετε το πρόσθετο μας, WP Speed of Light. Είναι δωρεάν και δεν χρειάζεται περισσότερο από ένα δευτερόλεπτο για να εγκατασταθεί. Μόλις το εγκαταστήσετε στην ιστοσελίδα σας, δείτε πώς μπορείτε να ενεργοποιήσετε την προσωρινή αποθήκευση:

Πώς να ενεργοποιήσετε την προσωρινή αποθήκευση με το WP Speed of Light

Για να ενεργοποιήσετε την προσωρινή αποθήκευση με το πρόσθετο μας, συνδεθείτε στον πίνακα ελέγχου του WordPress και μεταβείτε στο WP Speed of Light -> Βελτιστοποίηση Ταχύτητας:

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

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

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

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

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

Προσωρινή μνήμη για tablet: Κρατήστε το ρυθμισμένο στο Αυτόματο εκτός εάν αντιμετωπίζετε μια λανθασμένη έκδοση προσωρινής μνήμης που εξυπηρετείται σε χρήστες tablet. Αυτό μπορεί να συμβεί μόνο όταν ο ιστότοπός σας εξυπηρετεί διαφορετικό περιεχόμενο (HTML) σε χρήστες διαφορετικών συσκευών.

Λανθάνουσα μνήμη για κινητά: Αυτή η επιλογή είναι η ίδια με την τελευταία. Συνιστούμε να την διατηρήσετε σε Αυτόματο.

Να μην γίνει λανθάνουσα μνήμη στις ακόλουθες σελίδες (προαιρετικό): Αυτή η επιλογή σας επιτρέπει να εξαιρέσετε ορισμένες σελίδες που είναι δυναμικές και δεν χρειάζεται να αποθηκευτούν στην λανθάνουσα μνήμη. Για αυτήν την επιλογή, εισάγετε ένα URL ανά γραμμή το οποίο δεν θέλετε να αποθηκευτεί στην λανθάνουσα μνήμη. Οι περισσότεροι χρήστες δεν χρειάζονται αυτήν τη λειτουργία.

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

Μειώστε τον χρόνο φόρτωσης του ιστότοπού σας κατά περισσότερο από το ήμισυ με το GZIP

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

Η καλύτερη λύση; Ενεργοποιήστε το GZIP στον διακομιστή σας.

Το GZIP είναι ένας αλγόριθμος συμπίεσης που όταν ενεργοποιηθεί θα μειώσει το μέγεθος των αρχείων σας περισσότερο από το μισό. Μόλις ενεργοποιήσετε το GZIP, ο διακομιστής του ιστότοπού σας θα αρχίσει να εξυπηρετεί συμπιεσμένα αρχεία στους περιηγητές που το υποστηρίζουν. Έτσι, οι εικόνες σας που μπορεί να είναι πάνω από 5 megabyte θα συμπιεστούν σε λιγότερο από 2 όταν εξυπηρετούνται. Αυτό όχι μόνο θα μειώσει το κόστος του εύρους ζώνης και το φορτίο του διακομιστή σας, αλλά θα μειώσει δραστικά τον χρόνο φόρτωσης του ιστότοπού σας περισσότερο από το μισό.

Πώς να ενεργοποιήσετε το GZIP με το WP Speed of Light

Το πρόσθετό μας ελέγχει πρώτα αν το GZIP είναι ήδη ενεργοποιημένο στον διακομιστή σας, κάτι που συμβαίνει πλέον με τους περισσότερους από τους κύριους παρόχους φιλοξενίας ιστού. Εάν είναι ήδη ενεργοποιημένο στον διακομιστή, το πρόσθετό μας δεν χρειάζεται να κάνει τίποτα. Αλλά αν ο διακομιστής σας δεν έχει ενεργοποιημένο το GZIP, το πρόσθετό μας θα το ενεργοποιήσει χρησιμοποιώντας τη μονάδα apache (mod_deflate) ή τη μονάδα Nginx (ngx_http_gzip_module) προσθέτοντας τον απαιτούμενο κώδικα στο αρχείο htaccess του διακομιστή WordPress σας.

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

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

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

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

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

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

Πώς να ενεργοποιήσετε την προσωρινή αποθήκευση του προγράμματος περιήγησης στον διακομιστή σας με WP Speed of Light

Για να αξιοποιήσετε την προσωρινή αποθήκευση του προγράμματος περιήγησης χρησιμοποιώντας το πρόσθετό μας, συνδεθείτε στον Πίνακα Ελέγχου του WordPress και μεταβείτε στο WP Speed of Light -> Βελτιστοποίηση Ταχύτητας:

Τώρα, στη σελίδα Βελτιστοποίησης Ταχύτητας, ενεργοποιήστε την επιλογή “Προσθήκη κεφαλίδων λήξης”:

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

Κατάργηση συμβολοσειρών ερωτημάτων από στατικούς πόρους

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

Δείτε πώς μοιάζει μια συμβολοσειρά ερωτήματος: http://your-site.com/style.css?query-string=123

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

Για να αφαιρέσετε τη συμβολοσειρά ερωτήματος από τις διευθύνσεις URL των στατικών πόρων σας, ακολουθήστε αυτά τα βήματα:

Πώς να αφαιρέσετε αυτόματα τις συμβολοσειρές ερωτήματος με WP Speed of Light

Για να αφαιρέσετε τις συμβολοσειρές ερωτήματος από τις στατικές διευθύνσεις URL σας, συνδεθείτε στον Πίνακα Ελέγχου του WordPress σας και μεταβείτε στο WP Speed of Light -> Βελτιστοποίηση Ταχύτητας:

Τώρα, στη σελίδα Βελτιστοποίησης Ταχύτητας, ενεργοποιήστε την επιλογή “Κατάργηση συμβολοσειρών ερωτήματος”:

Μόλις ενεργοποιήσετε αυτήν την επιλογή, το πρόσθετό μας θα αφαιρέσει αυτόματα τις συμβολοσειρές ερωτημάτων από όλες τις διευθύνσεις URL σας. Αυτό θα διασφαλίσει ότι το πρόγραμμα περιήγησης των χρηστών σας χρησιμοποιεί την προσωρινή μνήμη από την πλευρά του πελάτη αντί να κατεβάζει ξανά ένα νέο αντίγραφο των στατικών αρχείων σε κάθε επίσκεψη. Αυτό θα οδηγήσει επίσης σε υψηλότερη βαθμολογία στα εργαλεία δοκιμής ταχύτητας όπως το GTMetrix και το Google Page Speed Test.

Συμπέρασμα

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

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

Και θα μπορείτε επίσης να εκτελέσετε δοκιμές απόδοσης για να μάθετε τι να ελέγξετε απευθείας από το WP Speed of Light!

Λήψη WP SPEED OF LIGHT

Έχετε ερωτήσεις ή προτάσεις; Μη διστάσετε να μας ενημερώσετε στα σχόλια παρακάτω.