Το WordPress είναι το πιο δημοφιλές Σύστημα Διαχείρισης Περιεχομένου στον κόσμο. Σήμερα, δεν χρησιμοποιείται πλέον ως απλώς ένα εργαλείο blogging. Αντίθετα, μπορεί να τροφοδοτήσει μια μεγάλη ποικιλία ιστότοπων, συμπεριλαμβανομένου του ηλεκτρονικού εμπορίου.
Στην πραγματικότητα, ο αριθμός των ιστότοπων ηλεκτρονικού εμπορίου που δημιουργούνται με WordPress αυξάνεται συνεχώς. Εάν εκτελείτε έναν ιστότοπο ηλεκτρονικού εμπορίου WordPress, πώς μπορείτε να τον κάνετε πιο γρήγορο;
Με άλλα λόγια, πώς επιταχύνετε έναν ιστότοπο ηλεκτρονικού εμπορίου WordPress; Αυτό το άρθρο απαντά σε αυτήν την ερώτηση και παρέχει χρήσιμες ιδέες για την επιτάχυνση ενός ιστότοπου ηλεκτρονικού εμπορίου WordPress.
Ξεκινώντας
Πιστώσεις εικόνας:
Υπάρχουν διάφοροι τρόποι για να δημιουργήσετε και να ρυθμίσετε έναν ιστότοπο ηλεκτρονικού εμπορίου WordPress. Φυσικά, όλοι αυτοί οι τρόποι περιστρέφονται γύρω από τη χρήση ενός συγκεκριμένου WordPress plugin. Γενικά μιλώντας, WooCommerce είναι η πιο δημοφιλής λύση ηλεκτρονικού εμπορίου για χρήστες WordPress. Προφανώς, οι περισσότερες μέθοδοι βελτιστοποίησης και επιτάχυνσης περιστρέφονται WooCommerce.
Ωστόσο, τι γίνεται αν δεν είστε WooCommerce χρήστης? Υπάρχουν πολλά άλλα plugins εκεί έξω που μπορεί να σας βοηθήσει να δημιουργήσετε έναν ιστότοπο ηλεκτρονικού εμπορίου WordPress. Για παράδειγμα, μπορείτε να χρησιμοποιήσετε Easy Digital Downloads που σας επιτρέπει να δημιουργήσετε ένα κατάστημα ηλεκτρονικού εμπορίου με ψηφιακά προϊόντα (σε αντίθεση με τα φυσικά προϊόντα) και ούτω καθεξής.
Ανεξάρτητα από το WP plugin ή επεκτάσεις που χρησιμοποιείτε, πρέπει να κάνετε ορισμένα κοινά βήματα για να επιταχύνετε τον ιστότοπο ηλεκτρονικού εμπορίου του WordPress. Αλλά πριν από αυτό, πρέπει να ξέρετε πόσο αργός μπορεί να είναι ο ιστότοπός σας!
Δοκιμή για ταχύτητα
Μια καλή δοκιμή για την ταχύτητα της ιστοσελίδας και τους χρόνους φόρτωσης σελίδας θα πρέπει να διεξάγεται σε ανεξάρτητο περιβάλλον. Επομένως, πρέπει να χρησιμοποιήσετε έναν απομακρυσμένο διακομιστή, πιθανώς από πολλές τοποθεσίες. Αυτό θα αποκλείσει παράγοντες όπως η προσωρινή αποθήκευση του προγράμματος περιήγησης και θα σας δώσει μια πραγματική εικόνα για το μέγεθος της σελίδας, τους χρόνους φόρτωσης, τον καταρράκτη κ.λπ.
Εργαλεία όπως Pingdom και GTmetrix είναι πολύ χρήσιμα από αυτή την άποψη. Μπορείτε να το εκτελέσετε στη διεύθυνση URL του ιστότοπού σας και να δείτε τα αποτελέσματα μαζί με περιοχές όπου μπορείτε να βελτιώσετε.
Για τους σκοπούς μιας ιστοσελίδας WordPress eCommerce, θα πρέπει να εκτελείτε τις δοκιμές ταχύτητας στην κύρια σελίδα του καταστήματός σας. Εάν χρησιμοποιείτε WooCommerce, δοκιμάστε να εκτελέσετε τις δοκιμές στη σελίδα καταστήματος ή στη σελίδα ενός προϊόντος.
Αφού ολοκληρωθεί η δοκιμή, θα σας παράσχει μια αναφορά για το τι ακριβώς επιβραδύνει τον ιστότοπο του ηλεκτρονικού εμπορίου WordPress. Για παράδειγμα, η ακόλουθη δοκιμή (πραγματοποιήθηκε στις ShopifyΗ αρχική σελίδα) δείχνει ότι η προσωρινή αποθήκευση του προγράμματος περιήγησης, ο συνδυασμός JS και οι λιγότερες ανακατευθύνσεις μπορούν να ενισχύσουν τους χρόνους φόρτωσης της σελίδας.
Φυσικά, τα αποτελέσματα θα διαφέρουν από τον ένα ιστότοπο στον άλλο. Ωστόσο, θα σας βοηθήσει να πάρετε μια δίκαιη ιδέα για το πού βρίσκεται αργά η φόρτωση του ιστότοπού σας στο ηλεκτρονικό εμπόριο WordPress.
Τώρα, επιστρέφουμε στη μεγάλη ερώτηση: πώς μπορούμε να επιταχύνουμε τον ιστότοπο WordPress eCommerce;
Φιλοξενία και CDN
Είναι γνωστό ότι θα πρέπει να επιλέξετε αξιόπιστες, καλής ποιότητας και καλά βελτιστοποιημένες λύσεις φιλοξενίας ιστοσελίδων για τον ιστότοπό σας ηλεκτρονικού εμπορίου WordPress. Δυστυχώς, η βιομηχανία φιλοξενίας ιστοσελίδων σήμερα είναι γεμάτη με οικοδεσπότες Ιστού που συχνά παρέχουν υπηρεσίες κατώτερης ποιότητας.
Αυτό μπορεί να επηρεάσει αρνητικά την απόδοση του ιστότοπού σας. Ανεξάρτητα από τις μεθόδους βελτιστοποίησης που αναπτύσσετε, ο ιστότοπός σας στο WP eCommerce μπορεί απλώς να αποτύχει να φορτώσει γρηγορότερα λόγω ενός αργού και αργού διακομιστή.
Ευτυχώς, έχουμε έναν συγκριτικό οδηγό που μπορεί να σας βοηθήσει να αξιολογήσετε τον τύπο του προγράμματος φιλοξενίας που χρειάζεστε και ποιος πάροχος φιλοξενίας ιστοσελίδων μπορεί να ανταποκριθεί στις ανάγκες σας. Τσέκαρέ το εδώ.
Με αυτά τα λόγια, μην υποτιμάτε ποτέ τη σημασία του α Δίκτυο παράδοσης περιεχομένου. Ανεξάρτητα από το πόσο καλό είναι το web hosting σας, ένα CDN μπορεί πάντα να το κάνει καλύτερο και ταχύτερο. Εάν το κατάστημά σας ηλεκτρονικού εμπορίου έχει πελάτες σε όλο τον κόσμο ή σε διαφορετικές χώρες, η χρήση ενός CDN είναι απαραίτητη.
Ένα δίκτυο παράδοσης περιεχομένου, ουσιαστικά, επιταχύνει τον ιστότοπό σας εξυπηρετώντας τις σελίδες του από ένα γεωγραφικό διαφορετικό σύμπλεγμα διακομιστών. Για παράδειγμα, ας πούμε ότι ο ιστότοπός σας φιλοξενείται σε διακομιστή που βρίσκεται στη Φλόριντα. Τώρα, εάν ένας χρήστης από την Μπανγκόκ επισκεφθεί τον ιστότοπό σας, θα χρειαστεί περισσότερος χρόνος για να φορτώσει τη σελίδα. Αυτό οφείλεται στη γεωγραφική απόσταση, σε πολλούς ISP κ.λπ. Από την άλλη πλευρά, εάν χρησιμοποιείτε ένα δίκτυο παράδοσης περιεχομένου, το CDN θα προβάλλει αντίγραφο του περιεχομένου του ιστότοπού σας από μια τοποθεσία πιο κοντά στην Μπανγκόκ, αναφέρει η Σιγκαπούρη. Φυσικά, αυτό θα ενισχύσει το χρόνο φόρτωσης σελίδας και θα προβάλλει περιεχόμενο πιο γρήγορα.
Το CloudFlare και το MaxCDN είναι δύο δημοφιλείς επιλογές για ενσωμάτωση με έναν ιστότοπο ηλεκτρονικού εμπορίου WordPress. Μπορείτε ακόμη να χρησιμοποιήσετε το δωρεάν πρόγραμμα του CloudFlare για να δοκιμάσετε τα νερά, αν και για βέλτιστη απόδοση, ένα πρόγραμμα επί πληρωμή είναι μια καλή επένδυση.
Βελτιστοποίηση εικόνων
Οι εικόνες αποτελούν ζωτικό συστατικό κάθε καταστήματος ηλεκτρονικού εμπορίου. Για να βελτιώσετε τους χρόνους φόρτωσης σελίδας, είναι καλή ιδέα να αφιερώσετε λίγο χρόνο βελτιστοποιώντας εικόνες προϊόντων, μικρογραφίες κ.λπ.
WordPress plugins όπως TinyPNG μπορεί να αποδειχθεί χρήσιμο για τη συμπίεση και τη βελτιστοποίηση των εικόνων όπως και όταν τις ανεβάζετε.
Μια άλλη μέθοδος που μπορεί να χρησιμοποιηθεί εδώ είναι η αργή φόρτωση εικόνων. Lazy loading σημαίνει ότι το δεδομένο σύνολο εικόνων δεν φορτώνεται έως ότου ο χρήστης κάνει κύλιση προς τα κάτω στο τμήμα της σελίδας όπου τοποθετούνται αυτές οι εικόνες.
Με αυτόν τον τρόπο, ο συνολικός χρόνος φόρτωσης της σελίδας δεν επηρεάζεται αρνητικά, καθώς το πρόγραμμα περιήγησης δεν χρειάζεται να φορτώσει όλες τις εικόνες ταυτόχρονα. WP plugins όπως BJ Lazy Φορτίου μπορεί να σας βοηθήσει να το πετύχετε αυτό έξω από το κουτί.
Επειδή το μεγαλύτερο μέρος του περιεχομένου πολυμέσων του διαδικτυακού σας καταστήματος θα έχει τη μορφή εικόνων, η βελτιστοποίηση και η τεμπέληρη φόρτωση εικόνων μπορούν να αποφέρουν ευεργετικά αποτελέσματα.
Χρήση προσωρινής αποθήκευσης WordPress Plugin
Η προσωρινή αποθήκευση είναι εδώ και καιρό η πιο κοινή λύση για την επιτάχυνση ιστοτόπων και ιστολογίων WP. Ένας ιστότοπος ηλεκτρονικού εμπορίου WordPress δεν αποτελεί εξαίρεση σε αυτόν τον κανόνα. Θα πρέπει να εξετάσετε το ενδεχόμενο να επιλέξετε ένα αξιόπιστο και φημισμένο WordPress caching plugin. Μερικά άξια ονόματα είναι:
Επιπλέον, βεβαιωθείτε ότι το plugin που επιλέγετε είναι συμβατό με το ηλεκτρονικό εμπόριο του WordPress plugin. Εάν χρησιμοποιείτε WooCommerce, δεν υπάρχει τίποτα να ανησυχείτε - η περισσότερη προσωρινή αποθήκευση plugins διατήρηση WooCommerce αποθηκεύει στο μυαλό και είναι πλήρως συμβατά με το ίδιο.
Για όλα τα άλλα WP ηλεκτρονικού εμπορίου plugins, ίσως χρειαστεί να ελέγξετε το δικό σας pluginτεκμηρίωση του.
Με τον όρο συμβατότητα, εννοούμε ότι η προσωρινή αποθήκευση plugin θα πρέπει να ανιχνεύει αυτόματα τι χρειάζεται να αποθηκεύσει προσωρινά (και τι όχι). Ακολουθεί ένα παράδειγμα: σε καμία περίπτωση, η προσωρινή αποθήκευση του WP σας plugin θα πρέπει να αποθηκεύσει προσωρινά τις σελίδες Καλάθι και Ταμείο.
Αυτές οι σελίδες πρέπει να δημιουργούνται μόνο με βάση την επιλογή του χρήστη — δεν υπάρχει στατικό αντίγραφο που μπορεί να προβληθεί.
Ομοίως, τα γραφικά στοιχεία του καλαθιού αγορών (ή τα εικονίδια που τοποθετούνται συχνά στην κεφαλίδα ή τη γραμμή μενού των καταστημάτων ηλεκτρονικού εμπορίου) δεν χρειάζεται να αποθηκευτούν προσωρινά. Για ιστότοπους ηλεκτρονικού εμπορίου WordPress, μια καλή ιδέα είναι να ενεργοποιήσετε την ελαχιστοποίηση CSS και HTML, αλλά να αποφύγετε την ελαχιστοποίηση JavaScript.
Πολλά ηλεκτρονικό εμπόριο plugins βασιστείτε στην JS για τη φόρτωση γραφικών στοιχείων καλαθιού αγορών εν κινήσει. Η ελαχιστοποίηση JS ή η προσωρινή αποθήκευση μπορεί να προκαλέσει προβλήματα εδώ — ο χρήστης μπορεί να προσθέσει ένα προϊόν στο καλάθι του και θα προστεθεί με επιτυχία.
Ωστόσο, η σελίδα θα εξακολουθεί να εμφανίζει ένα κενό καλάθι — Το JS αποθηκεύτηκε στην κρυφή μνήμη και επομένως το καλάθι αγορών απέτυχε να ενημερωθεί, εκτός εάν ανανεωθεί ολόκληρη η σελίδα.
Έτσι, ενώ μπορείτε (και θα πρέπει) να αποθηκεύσετε προσωρινά την αποθήκευση αρχείων JavaScript και να τα ελαχιστοποιήσετε σε ιστολόγια WP, κάτι τέτοιο δεν είναι καλή ιδέα στα καταστήματα ηλεκτρονικού εμπορίου WP.
Χρήση του AJAX στο Καλάθι Αγορών
Αποτελεί κοινή πρακτική η χρήση του AJAX για την απόδοση των λεπτομερειών του καλαθιού αγορών. Το μεγαλύτερο μέρος του ηλεκτρονικού εμπορίου WP plugins, Συμπεριλαμβανομένων των WooCommerce, και το ίδιο. Δείτε πώς λειτουργεί:
Ο χρήστης επιλέγει ένα προϊόν και κάνει κλικ στο κουμπί «Προσθήκη στο καλάθι». Το προϊόν προστίθεται στο καλάθι. Στη συνέχεια, δύο τιμές ενημερώνονται στη σελίδα: το κουμπί Προσθήκη στο καλάθι του προϊόντος δείχνει "Προστέθηκε στο καλάθι" ή "Ήδη στο καλάθι" (ή παρόμοιο) και το γραφικό στοιχείο (ή κουμπί) του καλαθιού αγορών δείχνει τον ενημερωμένο αριθμό προϊόντων. Η υπόλοιπη σελίδα; Δεν ανανεώνεται ούτε αλλάζει.
Αυτή η επιλεκτική ανανέωση πραγματοποιείται μέσω κλήσης AJAX. Τώρα, το αρνητικό μέρος αυτής της δυνατότητας είναι ότι οι κλήσεις AJAX χρειάζονται χρόνο και πάντα επηρεάζουν αρνητικά τον χρόνο φόρτωσης της σελίδας.
Επομένως, είτε ο χρήστης προσθέτει είτε όχι ένα προϊόν για κλήση (δηλαδή, είτε χρειάζεται ενημέρωση του καλαθιού μέσω AJAX είτε όχι), οι βιβλιοθήκες πρέπει να φορτωθούν.
Εάν θέλετε πραγματικά να κερδίσετε κάποια ώθηση απόδοσης εδώ, μπορείτε να απενεργοποιήσετε τις κλήσεις AJAX (χρησιμοποιήστε ένα απλό plugin όπως αυτό) και στη συνέχεια αποκτήστε το ηλεκτρονικό σας εμπόριο plugin ανακατευθύνει τον χρήστη στο καλάθι αγορών κατά την προσθήκη του προϊόντος στο καλάθι. Εδώ είναι πώς να το κάνετε αυτό σε WooCommerce:
Απλώς μεταβείτε στις Ρυθμίσεις και μετά στην καρτέλα Προϊόντα. Επιλέξτε «ανακατεύθυνση στο καλάθι». Στη συνέχεια, αποθηκεύστε την επιλογή σας (μπορείτε επίσης να απενεργοποιήσετε το AJAX στα αρχεία, εάν το επιθυμείτε).
Όσο είμαστε σε αυτό, ένα απλό αλλά πολύ χρήσιμο WordPress plugin θα είναι WooCommerce Επισκευή αποστράγγισης ταχύτητας. Σταματά απλώς τη φόρτωση μεθόδων AJAX και άλλων WooCommerce λειτουργίες σε μη-WooCommerce σελίδες (ας πούμε, το ιστολόγιό σας ή σχετικά με τη σελίδα). Μπορεί να σας βοηθήσει να επιταχύνετε τις πολλαπλές ιστοσελίδες του ηλεκτρονικού εμπορίου WordPress.
Βελτιστοποίηση Βάσεων Δεδομένων
Πιστώσεις εικόνας:
Μια αργή και κακώς βελτιστοποιημένη βάση δεδομένων WordPress μπορεί να σταματήσει τον ιστότοπό σας. Αυτό ισχύει ιδιαίτερα στην περίπτωση καταστημάτων ηλεκτρονικού εμπορίου που λειτουργούν σε WP. Υπάρχουν περισσότεροι πίνακες βάσεων δεδομένων και καταχωρήσεις από το κανονικό. Δεν χρειάζεται μόνο να ασχοληθείτε με πίνακες και καταχωρήσεις για αναρτήσεις, σελίδες και σχόλια. Επιπλέον, θα έχετε επίσης καταχωρήσεις και πίνακες για τα προϊόντα σας, τα χαρακτηριστικά των προϊόντων, τις παραγγελίες κ.λπ.
Μπορείτε να επιλέξετε ένα δημοφιλές WP plugin όπως WP Optimize or WP Sweep. Τέτοιος plugins μπορεί να σαρώσει τη βάση δεδομένων σας, να αφαιρέσει θραύσματα και περιττές επιβαρύνσεις, κ.λπ. Καθαρίζοντας τη βάση δεδομένων WP σε τακτά χρονικά διαστήματα, μπορείτε να ενισχύσετε τους χρόνους φόρτωσης της σελίδας, καθώς τα ερωτήματα της βάσης δεδομένων θα γίνονται πιο γρήγορα.
Συμπέρασμα
Αυτό μας φέρνει στο τέλος αυτής της ανάρτησης. Έχουμε συζητήσει τρόπους για να αποφύγουμε τη φόρτωση περιττών σεναρίων στις σελίδες ηλεκτρονικού εμπορίου, τη βελτιστοποίηση βάσεων δεδομένων, τη χρήση προσωρινής αποθήκευσης και CDN κ.λπ. για την επιτάχυνση οποιουδήποτε ιστότοπου ηλεκτρονικού εμπορίου WordPress.
Εάν εκτελείτε ή διαχειρίζεστε έναν ιστότοπο ηλεκτρονικού εμπορίου WordPress, ποια στρατηγική ή μεθόδους χρησιμοποιείτε για να τον επιταχύνετε; Μοιραστείτε τις απόψεις σας στα παρακάτω σχόλια!
Σχόλια απαντήσεις 0