Η βασική αιτία της “βραδύτητας” του δικτυακού τόπου δεν είναι συνήθως μια συγκεκριμένη εικόνα, αλλά μάλλονΣύνδεσμος αίτησης + Δημιουργία διακομιστή + Στατική κατανομή πόρωνπου προκαλείται από την επικάλυψη:

  • Οι χρήστες βρίσκονται πολύ μακριά από τους διακομιστές σας, το RTT του δικτύου είναι υψηλό (πιο αισθητό σε άλλες ηπείρους)
  • Το WordPress εκτελεί το PHP, ελέγχει τη βάση δεδομένων και αποδίδει το πρότυπο για κάθε αίτημα → TTFB (χρόνος μέχρι το πρώτο byte) επάνω
  • Οι σελίδες φορτώνουν επίσης JS/CSS/fonts/σενάρια τρίτου μέρους, επιβραδύνοντας την απόδοση και την αλληλεπίδραση.

Caching PluginΟ πυρήνας της λύσης είναι η αποθήκευση των αποτελεσμάτων των σελίδων που έχουν “διπλομετρηθεί”, ώστε ο διακομιστής να μην χρειάζεται να τα υπολογίζει εκ νέου κάθε φορά, και η σημαντική μείωση του TTFB, επιτρέποντας σε περισσότερους χρήστες να χτυπήσουν την κρυφή μνήμη με τη σωστή στρατηγική.Επίσημη τεκμηρίωση του WordPressΕπισημάνθηκε επίσης ότι τα πρόσθετα όπως το W3 Total Cache και το WP Super Cache μπορούν να αποθηκεύουν τις σελίδες ως στατικά αρχεία και στη συνέχεια να τις σερβίρουν απευθείας στον χρήστη, μειώνοντας τον φόρτο επεξεργασίας στον διακομιστή.

Πριν διαβάσετε αυτή τη σελίδα, θυμηθείτε 3 απαράβατους κανόνες

1. Plug-ins προσωρινής αποθήκευσης σελίδων ταυτόχρονα μόνο ένα

Το πιο συνηθισμένο αποτέλεσμα της ενεργοποίησης πολλαπλών πρόσθετων προσωρινής αποθήκευσης ταυτόχρονα δεν είναι ταχύτερο:

  • Επικαλύπτει ο ένας τους κανόνες cache του άλλου, καθαρίζει ο ένας τις cache του άλλου, μειώνεται το ποσοστό επιτυχίας cache
  • Δυναμικό περιεχόμενο, όπως η κατάσταση σύνδεσης/γλώσσα/κάρτα/τιμή, αποθηκεύεται στην προσωρινή μνήμη, με αποτέλεσμα περιστατικά “λανθασμένου περιεχομένου”.
    Πολλές τεκμηριώσεις/οδηγίες για τα πρόσθετα θα προτείνουν ότι όταν χρησιμοποιείτε ένα συγκεκριμένο πρόσθετο προσωρινής αποθήκευσηςΑπενεργοποιήστε άλλα plugins προσωρινής αποθήκευσηςγια να αποφευχθεί η σύγκρουση.

2. Ιστοσελίδες ηλεκτρονικού εμπορίου/μέλους/πολυγλωσσίας: η προσωρινή αποθήκευση δεν είναι ένας “διακόπτης on/off”, είναι ένα “σύστημα κανόνων”.”

Επίσημη τεκμηρίωση επιδόσεων του WooCommerceΡητή υπενθύμιση: στο πρόσθετο cache για να βεβαιωθείτε ότι Καλάθι αγορών / Ταμείο / Λογαριασμός Συνιστάται επίσης να αποφεύγεται η συμπίεση αρχείων JavaScript (καθώς τείνει να προκαλεί προβλήματα συμβατότητας).

3. “Cache plug-in ≠ CDN”, αλλά το cache plug-in είναι το θεμέλιο του CDN

Cache plugin για την επίλυση του προβλήματος της “υποεκτίμησης του σταθμού πηγής”,CDN Λύστε το πρόβλημα του “περιεχομένου πιο κοντά στους χρήστες”. Η σχέση μεταξύ των δύο επικαλύπτεται: πρώτα, η πηγή TTFB πιέζεται προς τα κάτω και στη συνέχεια οι στατικοί πόροι δίνονται στο CDN για να εξαπλωθούν, το οποίο είναι η πιο σταθερή διαδρομή για τους παγκόσμιους χρήστες.

Γρήγορες επιλογές: 4 από τα πιο συνηθισμένα σενάρια για ιστότοπους

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

  1. Θέλετε να εξοικονομήσετε χρήματα, να είστε σταθεροί και να είστε προσανατολισμένοι προς την παγκόσμια πρόσβασηWP Rocket(Πληρώθηκε)
  2. Η φιλοξενία είναι ρητά LiteSpeed/OpenLiteSpeedLiteSpeed Cache(δωρεάν, αλλά εξαρτάται σε μεγάλο βαθμό από τη χωρητικότητα του διακομιστή): Η λειτουργία προσωρινής αποθήκευσης απαιτεί Εξαρτήματα διακομιστή της LiteSpeedεργασία μόνο τότε
  3. Ιστοσελίδες περιεχομένου/blogs/ιστοσελίδες εγγράφων που θέλουν να είναι ελεύθερες και σταθερέςWP Super Cache(στατική κρυφή μνήμη HTML): Δημιουργία στατικών αρχείων HTML για την παροχή στους περισσότερους μη συνδεδεμένους χρήστες
  4. Διαθέτετε τεχνικές ομάδες για τη λεπτομερή ρύθμιση του ελέγχου (CDN/object caching/multi-modules)W3 Total Cache(ισχυρή αλλά σύνθετη): Διατηρεί ένα ολοκληρωμένο πλαίσιο επιδόσεων με την ενσωμάτωση του CDN

Τι ακριβώς αποθηκεύει η κρυφή μνήμη;

“Γιατί κάποιοι ιστότοποι εξακολουθούν να είναι αργοί με την προσωρινή αποθήκευση”, αναλύσαμε την απόδοση του WordPress σε 5 επίπεδα:

  1. κρυφή μνήμη του προγράμματος περιήγησης: Γρηγορότερη δευτερεύουσα πρόσβαση για τους χρήστες (στατικές κεφαλίδες cache πόρων, αριθμοί εκδόσεων)
  2. κρυφή μνήμη σελίδων: Εξαγωγή σελίδας cache ως HTML (κύριος χαρακτήρας αυτής της σελίδας)
  3. κρυφή μνήμη αντικειμένων: Κρυφή μνήμη αντικειμένων αποτελεσμάτων ερωτημάτων βάσης δεδομένων (οι δυναμικοί σταθμοί είναι πιο πολύτιμοι)
  4. PHP OPcache: Cache PHP bytecode (συνήθως ρυθμίζεται από το διακομιστή, όχι από την εστίαση του πρόσθετου)
  5. CDN/edge cache: Τοποθέτηση πόρων σε κόμβους πιο κοντά στους χρήστες

Το επίκεντρο αυτού του άρθρου: plugin προσωρινής αποθήκευσης σελίδων,
Αλλά σας υπενθυμίζουν συνεχώς ότι οι ιστότοποι χρειάζονται συχνά έναν συνδυασμό 2 + 5 για να είναι “πραγματικά γρήγοροι”.

Plug-in 1:WP Rocket(επί πληρωμή) - Ολοκληρωμένα προγράμματα “χωρίς προβλήματα”

Το WP Rocket είναι δημοφιλές στη σκηνή του “WordPress” όχι επειδή είναι μαγικό, αλλά επειδή κάνει τους τρεις πιο συνηθισμένους τύπους εργασιών απόδοσης σε “διαχειρίσιμα πακέτα”:

  • Κρυφή αποθήκευση σελίδων (μειώνει το TTFB του πηγαίου ιστότοπου)
  • Προφόρτωση/προθέρμανση προσωρινής μνήμης (για να βελτιωθεί η εμπειρία της πρώτης επίσκεψης με παγκόσμια κατανεμημένη πρόσβαση)
  • Βασικές βελτιστοποιήσεις του front-end (ιδίως καθυστέρηση JS, χειρισμός CSS κ.λπ.)

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

1.1 Για ποιον προορίζεται το WP Rocket

Το WP Rocket είναι ιδιαίτερα κατάλληλο για αυτούς τους σταθμούς:

  • Εταιρικός ιστότοπος, ιστότοπος επωνυμίας, ιστότοπος μάρκετινγκ περιεχομένου, σελίδα προορισμού (επισκεψιμότητα από πολλές χώρες και περιοχές)
  • Θέλω να “πάω ζωντανά γρήγορα, σταθερότητα πρώτα”, δεν θέλω να γράψω πολλά δωρεάν συνδυασμός plugin
  • Δεν υπάρχουν εξειδικευμένοι μηχανικοί Ops/Performance, αλλά έχουν εμπειρία και απαιτήσεις SEO
  • WooCommerce Μπορεί επίσης να χρησιμοποιηθεί, αλλά με μεγαλύτερη προσοχή (περισσότερα γι' αυτό αργότερα σε αυτή την ενότητα).Κανόνες και κίνδυνοι

1.2 Η βασική του αξία σε σενάρια πρόσβασης στο διαδίκτυο (όχι απλώς μια “αλλαγή προσωρινής μνήμης”)

Α. Προφόρτωση προσωρινής μνήμης cache: επίλυση της “ασταθούς πρώτης επίσκεψης λόγω κατανεμημένης πρόσβασης σε δικτυακούς τόπους”

Θα αντιμετωπίσετε μια πολύ τυπική επιβράδυνση όταν οι χρήστες του ιστότοπου είναι διάσπαρτοι:
Ένας χρήστης σε μια περιοχή ανοίγει μια σελίδα για πρώτη φορά και τυχαίνει να μην έχει αποθηκευτεί στην προσωρινή μνήμη ή να μην έχει προθερμανθεί ποτέ → αυτός ο χρήστης επιβαρύνεται με το πλήρες κόστος απόδοσης PHP/DB.
Μηχανισμός προφόρτισηςΗ σημασία αυτού του γεγονότος είναι:Καταβολή του κόστους “πρώτης γενιάς” εκ των προτέρωνΗ πρώτη επίσκεψη του προγράμματος θα είναι “πειραματόζωο”, μειώνοντας την πιθανότητα μιας "πρώτης επίσκεψης ως πειραματόζωο".

  • Χωρίς προφόρτωση: όποιος έχει πρόσβαση πρώτος υποφέρει
  • Με προφόρτωση: από το σύστημα στο παρασκήνιο ενοποιημένη δημιουργία cache, η εμπειρία της πρώτης επίσκεψης είναι πιο σταθερή

Β. Αναβαλλόμενη εκτέλεση JavaScript: το πιο εύκολο χαρακτηριστικό για να “νιώσετε άμεσα” σε μια επίσκεψη σε έναν ιστότοπο, αλλά και το πιο επικίνδυνο.

Η WP Rocket βάζει επίσημα “Καθυστερημένη εκτέλεση JS” το περιγράφει ως την ισχυρότερη βελτιστοποίηση του JS: θα αναβάλει την εκτέλεση του σεναρίου έως ότου ο χρήστης προβεί σε κάποια αλληλεπίδραση (μετακίνησε το ποντίκι, άγγιξε την οθόνη, έκανε κύλιση, πάτησε ένα πλήκτρο κ.λπ.) για να δώσει προτεραιότητα στην απόδοση της σελίδας.

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

  • Πιο αργές λήψεις πόρων → το κύριο νήμα είναι πιο πιθανό να κολλήσει από σενάρια
  • Τα σενάρια τρίτων (στατιστικά, διαφημίσεις, plugins συνομιλίας) είναι πιο πιθανό να επιδεινώσουν τις καθυστερήσεις INP/αλληλεπίδρασης.

Αλλά μπορεί επίσης να προκαλέσει προβλήματα:

  • Η καθυστέρηση του JS είναι πιθανό να επηρεάσει: μενού, περιστροφές, αναδυόμενα παράθυρα, επικύρωση φόρμας, πληρωμές, παρακολούθηση ταφής.
  • Επομένως, είναι κατάλληλο για μια στρατηγική “βήμα προς βήμα + αποκλεισμός από τη μαύρη λίστα”.

Γ. Συμβατότητα με άλλα πρόσθετα/θέματα: η “μηδενική σύγκρουση” δεν είναι το ίδιο με την "ηρεμία".”

WP Rocket έχει επισήμως καταχωρηθεί “Μη συμβατά plugins/θέματα”, για λόγους που περιλαμβάνουν μηχανισμούς όπως το buffering εξόδου που θα επηρέαζαν την προσωρινή αποθήκευση/βελτιστοποίηση του WP Rocket.

  • Εάν ο ιστότοπός σας είναι πολύ βαρύς με πρόσθετα και θέματα, σκεφτείτε τη “βελτιστοποίηση επιδόσεων” ως ένα μίνι έργο go-live: δοκιμές παλινδρόμησης για κάθε αλλαγή (φόρμες, συνδέσεις, πληρωμές, εναλλαγή πολλαπλών γλωσσών κ.λπ.).

1.3 Ειδική υπενθύμιση για το WooCommerce/Dynamic Site

Η βασική υπενθύμιση από την επίσημη τεκμηρίωση του WooCommerce κατά τη διαμόρφωση του plugin caching είναι:

Γιατί; Για τους ακόλουθους λόγους:

  • Ισχυρή εξάρτηση από τη σελίδα του καλαθιού, του ταμείου, του λογαριασμού cookie / συνεδρία / nonce
  • Μόλις η προσωρινή μνήμη cache αντιμετωπίσει αυτές τις σελίδες ως “στατικές σελίδες”, τα κουμπιά δεν θα λειτουργούν και οι πληροφορίες τιμών/αποθέματος/λογαριασμού θα καταστραφούν.
  • Εδώ είναι το τρομακτικό μέρος: μπορεί να δοκιμάζετε μια χαρά σε μια περιοχή και να έχετε προβλήματα σε μια άλλη, λόγω των αποκλίσεων μεταξύ CDN/χτύπημα κρυφής μνήμης!

1.4 Συστάσεις για το επίπεδο στρατηγικής του Cache Plugin

Βαθμίδα 1: Βασικές παροχές ασφαλείας (σχεδόν όλοι οι σταθμοί πρέπει να το κάνουν αυτό)

  • Ενεργοποίηση προσωρινής αποθήκευσης σελίδων
  • ανοίγει τοΠροφόρτωση προσωρινής μνήμης cache(Ενίσχυση της σταθερότητας της πρώτης επίσκεψης)
  • Λογική πολιτική προσωρινής αποθήκευσης στο πρόγραμμα περιήγησης (WP Rocket/Server/CDN Μπορεί να εφαρμοστεί οποιοδήποτε επίπεδο)

Βαθμίδα 2: Μέτρια ανταμοιβή, μεσαίος κίνδυνος (κατάλληλο για τους περισσότερους ιστότοπους περιεχομένου)

  • Καθυστερημένη φόρτωση εικόνων/iframe (η σελίδα βελτιστοποίησης εικόνων προχωράει περαιτέρω)
  • Έλεγχος του όγκου των CSS (π.χ. αφαίρεση των αχρησιμοποίητων CSS)

Βαθμίδα 3: Υψηλή απόδοση αλλά υψηλός κίνδυνος (πρέπει να διαθέτει κατάλογο ελέγχου δοκιμών παλινδρόμησης)

1.5 Τιμές και άδειες

  • Το WP Rocket είναι μια άδεια χρήσης επί πληρωμή, με διαφορετικές άδειες ανάλογα με τον αριθμό των ιστότοπων.

Plugin 2:LiteSpeed Cache (LSCWP)-Η προϋπόθεση των “δωρεάν κορυφών” είναι ότι ο διακομιστής είναι στην πραγματικότητα η LiteSpeed.

Πολλοί άνθρωποι έχουν την εσφαλμένη αντίληψη ότι το LiteSpeed Cache είναι απλώς ένα πρόσθετο WordPress που μπορείτε να εγκαταστήσετε για να αξιοποιήσετε την πλήρη ισχύ του WP Rocket σε οποιονδήποτε κεντρικό υπολογιστή. Δεν είναι.

Επίσημη τεκμηρίωση LiteSpeedΣαφής εξήγηση: Η λειτουργία προσωρινής αποθήκευσης του LSCWP απαιτεί τον LiteSpeed Server επειδή επικοινωνεί με την ενσωματωμένη κρυφή μνήμη σελίδων του LiteSpeed Web Server (LSCache)- το πρόσθετο είναι υπεύθυνο για να λέει στον διακομιστή ποιες σελίδες μπορούν να αποθηκευτούν στην κρυφή μνήμη, για πόσο χρονικό διάστημα και για την ενεργοποίηση του καθαρισμού με ετικέτες.

Η βασική δύναμη του LiteSpeed Cache προέρχεται από το “Προσωρινή αποθήκευση σελίδων σε επίπεδο διακομιστή (LSCache)”. Χωρίς τους διακομιστές LiteSpeed/OpenLiteSpeed, δεν υπάρχει αυτό το βασικό πλεονέκτημα.

2.1 LiteSpeed Cacheγια τους οποίους

Ταιριάζει:

  • Ο πίνακας φιλοξενίας σας έχει σαφή επισήμανση LiteSpeed / OpenLiteSpeed(π.χ. πολλοί οικοδεσπότες cPanel θα γράψουν)
  • Θέλετε “μια δωρεάν λύση που μπορεί επίσης να τρέξει ισχυρό TTFB και ταυτόχρονη χρήση”.”
  • Είστε πρόθυμοι να δεχτείτε: είναι πολύ ισχυρό, αλλά και πιο εννοιολογικό (TTL, Tag, Purge, ESI, Crawler...)

Όχι ακριβώς:

  • Δεν είστε σίγουροι για τον Web Server του κεντρικού υπολογιστή ή επιβεβαιώνετε ότι πρόκειται για Nginx/Apache (εκτός αν θέλετε να χρησιμοποιήσετε μόνο κάποιες από τις δυνατότητες βελτιστοποίησης του front-end, αλλά τότε η τιμή/απόδοση και η πολυπλοκότητα δεν είναι απαραίτητα οικονομικά αποδοτικές).
  • Είστε ένας σύνθετος ιστότοπος ηλεκτρονικού εμπορίου/μέλους/πολυγλωσσικός ιστότοπος, αλλά δεν έχετε διαδικασία δοκιμών (το LSCWP είναι ισχυρό, αλλά είναι επίσης πιο εύκολο να “αποθηκεύσετε το λάθος περιεχόμενο”).

2.2 Ο μηχανισμός προσωρινής αποθήκευσης: γιατί είναι περισσότερο “μέρος της χωρητικότητας του διακομιστή”

Θα μπορούσατε να γράψετε τη μηχανική του LiteSpeed Cache ως “τεχνική εξήγηση”:

  • WP Rocket / WP Super Cache Αυτό αφορά περισσότερο την πλευρά του WordPress/PHP όσον αφορά την προσωρινή αποθήκευση και τη βελτιστοποίηση,
  • LSCWP Είναι ένας συνδυασμός του Πίνακα Ελέγχου του WordPress + του ενσωματωμένου LSCache του LiteSpeed Server: το πρόσθετο είναι υπεύθυνο για την έκδοση κανόνων και σημάτων καθαρισμού και η πραγματική προσωρινή αποθήκευση σελίδων υψηλής ταχύτητας συμβαίνει στοστρώμα διακομιστή

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

2.3 Ο “σωστός τρόπος” ανοίγματος του LSCWP για τα σενάρια χρηστών του δικτυακού τόπου”

Έχουμε χωρίσει τον “σωστό τρόπο ανοίγματος” σε 4 επίπεδα:

Στρώμα 1: Πολιτική κρυφής μνήμης σελίδας (καθορίζει αν το TTFB μπορεί πραγματικά να πέσει)

  • Διευκρινίστε ποιες σελίδες μπορούν να αποθηκευτούν στην προσωρινή μνήμη (οι περισσότερες σελίδες δημόσιου περιεχομένου)
  • Αποσαφηνίστε ποιες σελίδες δεν πρέπει ποτέ να αποθηκεύονται στην προσωρινή μνήμη (σύνδεση, λογαριασμός, καλάθι αγορών, ταμείο, σελίδες αλλαγής γλώσσας/νομίσματος που βασίζονται σε ισχυρό cookie)
  • Ορίστε ένα λογικό TTL για την κρυφή μνήμη (όσο πιο συχνά ενημερώνεται το περιεχόμενο, τόσο μικρότερο το TTL και όσο μεγαλύτερο το TTL).
  • Δημιουργήστε μια στρατηγική εκκαθάρισης: καθαρίστε τη σχετική ετικέτα μετά την ενημέρωση περιεχομένου (αντί για εκκαθάριση με ωμή βία σε ολόκληρο τον ιστότοπο)

Αυτό το στρώμα, αν γίνει σωστά, είναι πιο άμεσα ορατό στον ιστότοπο ως το TTFB κάτω, πρώτη οθόνη πιο σταθερή

Στρώμα 2: Προθέρμανση/Crawler (καθορίζει την “αργή πρώτη επίσκεψη σε μια κρύα σελίδα”)

Μια συνηθισμένη “ασυνέπεια εμπειρίας” στην πρόσβαση στον ιστότοπο προέρχεται από τις “θερμές/ψυχρές διαφορές” στην προσωρινή αποθήκευση:

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

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

Επίπεδο 3: Προγράμματα ασφαλείας για δυναμικό περιεχόμενο (ηλεκτρονικό εμπόριο/μέλη/πολυγλωσσία)

Η δύναμη του LSCWP είναι ότι σας δίνει πολλά “προηγμένα εργαλεία”, για παράδειγμα:

  • Διαφοροποιημένες στρατηγικές προσωρινής αποθήκευσης για συνδεδεμένους χρήστες, χρήστες σχολίων κ.λπ.
  • Η βασική ιδέα της Edge Side Inclusion (ESI) είναι ο διαχωρισμός της σελίδας σε "δημόσιο σώμα που μπορεί να αποθηκευτεί στην κρυφή μνήμη" και σε "δυναμικά τμήματα που δεν μπορούν να αποθηκευτούν στην κρυφή μνήμη", τα οποία επεξεργάζονται ξεχωριστά και στη συνέχεια ενώνονται στους κόμβους της άκρης.

Βαθμίδα 4: Διαδικτυακές υπηρεσίες και προαιρετικές βελτιώσεις

Πολλοί διαχειριστές ιστοσελίδων θα βρουν τις online υπηρεσίες της QUIC.cloud (π.χ. υπηρεσίες τύπου βελτιστοποίησης σελίδας) χρήσιμες στο LSCWP.Τεκμηρίωση QUIC.cloudΓράφεται ρητά ότι παρέχει υπηρεσίες βελτιστοποίησης της σελίδας στο LSCWP, συμπεριλαμβανομένων των υπηρεσιών Critical CSS (CCSS), Unique CSS (UCSS), Viewport Images (VPI) και άλλων.

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

2.4 LSCWP Κοινός λάκκος

  1. Ο διακομιστής δεν είναι LiteSpeed, αλλά χρησιμοποιεί το LSCWP ως ένα πλήρως εξοπλισμένο πρόσθετο caching.
    Αποτέλεσμα: Η προσωρινή αποθήκευση δεν είναι τόσο αποτελεσματική όσο αναμενόταν και αυξάνει επίσης την πολυπλοκότητα των ρυθμίσεων. Λύση: Επιβεβαιώστε πρώτα τη στοίβα του κεντρικού υπολογιστή. LiteSpeedΓια παράδειγμα, σκεφτείτε το WP Rocket ή το WP Super Cache.
  2. Η ενεργοποίηση πολλών βελτιστοποιήσεων front-end οδηγεί σε λειτουργικές ανωμαλίες
    Οι βελτιστοποιήσεις εντός της σελίδας (CSS/JS) είναι συχνά πιο πιθανό να προκαλέσουν προβλήματα συμβατότητας από ό,τι η “ίδια η προσωρινή αποθήκευση”. Πρόταση: εκτελέστε πρώτα την κρυφή μνήμη της σελίδας, στη συνέχεια ενεργοποιήστε τις βελτιστοποιήσεις μία προς μία και δημιουργήστε έναν κατάλογο δοκιμών παλινδρόμησης (φόρμες, μενού, πληρωμές, παρακολούθηση, εναλλαγή γλώσσας κ.λπ.).
  3. Έλλειψη στρατηγικών αποκλεισμού/τεμαχισμού για δυναμικές σελίδες
    Τυπικά περιστατικά: καλάθι αγορών, ταμείο, σελίδα λογαριασμού που έχει αποθηκευτεί στην προσωρινή μνήμη ή λανθασμένη εναλλαγή πολλαπλών γλωσσών/πολλαπλών νομισμάτων. Οι ιστότοποι ηλεκτρονικού εμπορίου πρέπει να το εξετάσουν αυτό ως έλεγχο πριν από την έναρξη λειτουργίας (και οι υπεύθυνοι του WooCommerce τονίζουν επίσης)Μην αποθηκεύετε βασικές σελίδες στην κρυφή μνήμη)。

Plugin 3:WP Super Cache(Δωρεάν) - Μια κλασική λύση “χαμηλού κινδύνου, υψηλής απόδοσης” για ιστότοπους περιεχομένου.

WP Super Cache Γιατί είναι δημοφιλές για τόσο πολύ καιρό; Επειδή επιλύει προβλήματα με έναν πολύ άμεσο, πολύ “φιλικό προς τον διακομιστή” τρόπο:
Δημιουργία στατικών αρχείων HTML από δυναμικές σελίδες WordPressΤα αρχεία HTML σερβίρονται στη συνέχεια απευθείας από τον διακομιστή ιστού, παρακάμπτοντας την ακριβή επεξεργασία PHP.

Η σελίδα του πρόσθετου αναφέρει επίσης ότι: η στατική HTML θα σερβίρεται στη συντριπτική πλειοψηφία των μη συνδεδεμένων χρηστών και δίνει μια πολύ διαισθητική δήλωση - “99% επισκέπτες θα σερβίρονται στατικά αρχεία HTML”, και ένα μόνο αποθηκευμένο αρχείο μπορεί να σερβιριστεί χιλιάδες φορές.

3.1 Σε ποιον απευθύνεται το WP Super Cache;

Συνιστάται ανεπιφύλακτα:

  • Ιστολόγια, ιστότοποι περιεχομένου μέσων ενημέρωσης, ιστότοποι εγγράφων, ιστότοποι εταιρικής βιτρίνας, σελίδες προορισμού
  • Οι επισκέπτες είναι κυρίως μη συνδεδεμένοι χρήστες
  • Θέλετε: δωρεάν, σταθερό, χαμηλό κόστος συντήρησης

Να είστε προσεκτικοί/χρειάζονται ισχυρότερες στρατηγικές:

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

3.2 Οι τρεις μέθοδοι προσωρινής αποθήκευσης:

Η περιγραφή του πρόσθετου WP Super Cache απαριθμεί 3 μεθόδους προσωρινής αποθήκευσης ανά ταχύτητα και εξηγεί τις διαφορές:

  • mod_rewrite (ειδικός): ο ταχύτερος, παρακάμπτοντας πλήρως το PHP, αλλά πρέπει να αλλάξετε την .htaccess, η ακατάλληλη διαμόρφωση μπορεί να οδηγήσει σε κίνδυνο μη διαθεσιμότητας του ιστότοπου είναι υψηλότερος!
  • Απλή (συνιστώμενη προσέγγιση): “Super cached” στατικά αρχεία που παρέχονται από το PHP, κοντά στην ταχύτητα του mod_rewrite, αλλά ευκολότερα ρυθμιζόμενα.
  • Κρυφή μνήμη WP-Cache: πιο ευέλικτη για γνωστούς χρήστες, URL με παραμέτρους, συνδρομητικές τροφοδοσίες κ.λπ., αλλά πιο αργή

Συνιστώμενη επιλογή:

  • Αρχάριοι/επιδιώκοντας σταθερότητα: χρησιμοποιήστε τη συνιστώμενη μέθοδο (απλή)
  • Είστε εξοικειωμένοι με τους κανόνες του διακομιστή και είστε πρόθυμοι να αναλάβετε το ρίσκο να τους ξαναγράψετε: σκεφτείτε ξανά το μοντέλο του εμπειρογνώμονα!
  • Χρειάζεστε πιο ευέλικτο χειρισμό “Γνωστός χρήστης/με παραμέτρους”: Κατανόηση της θέσης του WP-Cache

3.3 Δυνατά και αδύνατα σημεία του WP Super Cache

Πλεονέκτημα:

  1. Ιδανικό για χρήση με το CDN.
    Επειδή πρόκειται ουσιαστικά για “παραγωγή στατικής HTML”, αυτό ταιριάζει φυσικά με την ιδέα του CDN/edge cache.
  2. Οι βελτιώσεις στην πίεση του σταθμού πηγής CPU/βάσης δεδομένων είναι πολύ απλές.
    Οι μηχανές αναζήτησης και οι ανιχνευτές των μέσων κοινωνικής δικτύωσης μπορεί επίσης να προέρχονται από όλο τον κόσμο, όταν η επισκεψιμότητα του ιστότοπου είναι κατακερματισμένη. Η στατικοποίηση είναι αποτελεσματική στην καταπολέμηση της “επαναπροβολής”.

Κοντή σανίδα:

  1. Δεν είναι μια “σουίτα βελτιστοποίησης επιδόσεων ”όλα σε ένα"".”
    Είναι κυρίως ισχυρό στην προσωρινή αποθήκευση σελίδων και οι βαθιές βελτιστοποιήσεις CSS/JS δεν είναι τόσο συσκευασμένες όσο στο WP Rocket. Μπορεί να χρειαστεί να αναλάβετε περισσότερα στη “Σελίδα βελτιστοποίησης εικόνας” και στη “Σελίδα βελτιστοποίησης μπροστινού μέρους” (ή να χρησιμοποιήσετε άλλες βελτιστοποιήσεις σε επίπεδο πρόσθετου/θέματος).
  2. Να είστε πιο προσεκτικοί σχετικά με τη “δυναμική εξατομίκευση”
    Για παράδειγμα, προβολή διαφορετικού περιεχομένου ανά περιοχή, προβολή διαφορετικών τιμών/γλωσσών/συστάσεων ανάλογα με την κατάσταση του χρήστη κ.λπ. Σε αυτό το σημείο θα πρέπει είτε να δημιουργήσετε μια πολιτική αποκλεισμού είτε να εισαγάγετε ένα πιο κατάλληλο σύστημα προσωρινής αποθήκευσης σε κύβους και φέτες.

3.4 Συμβατότητα με το WooCommerce: Γιατί είναι “ασφαλέστερο”

Επίσημη βοήθεια του WooCommerceΑναφέρθηκε: Το WooCommerce είναι εγγενώς συμβατό με το WP Super Cache και το WooCommerce στέλνει ένα μήνυμα στο WP Super Cache, ώστε να μην αποθηκεύει τις σελίδες Cart, Checkout, My Account από προεπιλογή.

  • Ακόμα και αν είστε νέοι στο WP Super Cache + WooCommerce, είναι πολύ λιγότερο πιθανό να πατήσετε στο ορυχείο “βασικές σελίδες που έχουν αποθηκευτεί στην cache”!
  • Ωστόσο, εξακολουθεί να συνιστάται η διενέργεια δοκιμών παλινδρόμησης πριν από την έναρξη λειτουργίας (πληρωμές, κουπόνια, αποστολή, φορολογικοί συντελεστές, πολλαπλά νομίσματα κ.λπ.).

Plugin 4:W3 Total Cache (W3TC)-Το πιο ευέλικτο “πλαίσιο επιδόσεων” για ομάδες μηχανικών.

W3 Total Cache Αντί για ένα “ενιαίο πρόσθετο cache”, το WordPress.org τοποθετείται ως κάτι που μοιάζει περισσότερο με ένα “πλαίσιο βελτιστοποίησης της απόδοσης του ιστότοπου”: δίνει έμφαση στη βελτίωση του SEO, των Core Web Vitals και της συνολικής εμπειρίας μέσω της ενσωμάτωσης του CDN και των βέλτιστων πρακτικών. Vitals και συνολική εμπειρία μέσω της ενσωμάτωσης του CDN και των βέλτιστων πρακτικών.

Η περιγραφή του πρόσθετου απαριθμεί ένα ευρύ φάσμα δυνατοτήτων: προσωρινή αποθήκευση σελίδων/δημοσιεύσεων, προσωρινή αποθήκευση CSS/JS, προσωρινή αποθήκευση feed, προσωρινή αποθήκευση αποτελεσμάτων αναζήτησης, προσωρινή αποθήκευση αντικειμένων βάσης δεδομένων, προσωρινή αποθήκευση αντικειμένων, προσωρινή αποθήκευση τμημάτων (fragment cache) και υποστήριξη για μια ποικιλία μεθόδων προσωρινής αποθήκευσης όπως Redis/Memcached/APC, αλλά περιλαμβάνει επίσης την ομαδοποιημένη προσωρινή αποθήκευση κινητών ανά UA/Referrer, υποστήριξη AMP, ενσωμάτωση αντίστροφου διακομιστή μεσολάβησης (Nginx/Varnish) και ούτω καθεξής.

4.1 Σε ποιον απευθύνεται το W3 Total Cache;

Ιδανικό για:

  • Έχετε δεξιότητες ανάπτυξης/λειτουργίας και είστε πρόθυμοι να κάνετε “enablement + pressure testing + regression testing”.”
  • Ο ιστότοπός σας είναι πολύπλοκος: πολλαπλές γλώσσες, εναλλαγή πολλαπλών θεμάτων, διαφοροποίηση για κινητά, πολύπλοκη δομή περιεχομένου
  • Δεν θέλετε μόνο την προσωρινή αποθήκευση σελίδων, θέλετε να ενσωματώσετε στο σύστημα την προσωρινή αποθήκευση αντικειμένων/κερμάτων (ειδικά για δυναμικές τοποθεσίες).

Δεν ταιριάζει:

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

4.2 Γιατί είναι “ισχυρή αλλά πολύπλοκη”: οι ιστότοποι έχουν την αξία “ελέγξιμότητα”.”

Η αξία του W3TC δεν είναι ότι “πρέπει να είναι ταχύτερο από όλους τους άλλους”, αλλά ότι σας δίνει αρκετά κουμπιά ελέγχου για να σχεδιάσετε μια στρατηγική απόδοσης:

  • Page Cache: μπορεί να βρίσκεται στη μνήμη, στο δίσκο ή στο CDN
  • Κρυφή μνήμη αντικειμένων βάσης δεδομένων, κρυφή μνήμη αντικειμένων: διαθέσιμη Redis/Memcached κ.λπ.
  • Αποθήκευση θραυσμάτων: Καλό για “ημι-δυναμικές σελίδες”
  • Υποστήριξη για κινητά: προσωρινή αποθήκευση σελίδων ανά παραπομπή ή ομάδα πράκτορα χρήστη αντίστοιχα
  • Διαχείριση CDN: Διαφανής διαχείριση CDN των βιβλιοθηκών πολυμέσων, των αρχείων θέματος κ.λπ.

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

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

4.3 “Συνιστώμενη εντολή ενεργοποίησης” του W3TC”

Συνιστώμενη παραγγελία:

  1. Ξεκινήστε ενεργοποιώντας μόνο την προσωρινή αποθήκευση σελίδων
    Επαληθεύστε: το TTFB είναι εκτός λειτουργίας, το περιεχόμενο είναι συνεπές, οι βασικές διαδικασίες κατάστασης σύνδεσης/πολυγλωσσίας/εμπορίου λειτουργούν.
  2. Ενεργοποιήστε ξανά την προσωρινή μνήμη του προγράμματος περιήγησης
    Στόχος: Γρηγορότερη φόρτωση των επισκέψεων και των στατικών πόρων και μείωση των επαναλαμβανόμενων λήψεων σε όλες τις ηπείρους.
  3. Επαναξιολόγηση της μνήμης cache αντικειμένων / της μνήμης cache αντικειμένων βάσης δεδομένων
    Εφαρμόζεται: δυναμική ιστοσελίδα (WooCommerce, σύστημα μελών, σύνθετα ερωτήματα).
    N/A: Οι σταθμοί μόνο για το περιεχόμενο μπορεί να έχουν περιορισμένες αποδόσεις ή ακόμη και να αυξήσουν την κατανάλωση πόρων.
  4. Τελική πινελιά Συμπίεση / Scripting καθυστέρησης / Βελτιστοποίηση Front End
    Επειδή αυτό είναι το επίπεδο που είναι πιο πιθανό να προκαλέσει λειτουργικές ανωμαλίες, πρέπει να δημιουργηθεί ένας κατάλογος δοκιμών παλινδρόμησης (πληρωμές, φόρμες, παρακολούθηση, αναδυόμενα παράθυρα, μενού, εναλλαγή γλώσσας κ.λπ.).

Υπενθύμιση του WooCommerce σχετικά με τη “Διαμόρφωση του Cache Plugin”: Οι κρίσιμες σελίδες δεν αποθηκεύονται στην προσωρινή μνήμη και συνιστάται να αποφεύγεται η συμπίεση αρχείων JS.

Πίνακας σύγκρισης των τεσσάρων plug-ins

Σημείωση: Δεν είναι “ποιος είναι καλύτερος”, αλλά “ποιος ταιριάζει καλύτερα στο σενάριό σας”.

διάσταση (μαθηματικά)WP RocketLiteSpeed CacheWP Super CacheW3 Total Cache
βασική τοποθέτησηΕνσωμάτωση που εξοικονομεί μυαλό (προσωρινή αποθήκευση + βελτιστοποίηση)Προσωρινή αποθήκευση σε επίπεδο διακομιστή (βασίζεται στο LSCache)Στατική προσωρινή αποθήκευση HTMLΠλαίσιο επιδόσεων (πολλαπλά επίπεδα κρυφής μνήμης + CDN)
εξαρτώμενη από τον ξενιστήΧαμηλή (καθολική)Υψηλή (απαιτεί LiteSpeed/OpenLiteSpeed για να λειτουργήσει ως κρυφή μνήμη πυρήνα)Χαμηλή (καθολική)Μέτρια (καθολική, αλλά περισσότερο εξαρτώμενη από το περιβάλλον/διαμορφωσιμότητα)
Κόστος μάθησηςχαμηλή-μεσαίαΜέτριοΥψηλό
Σύσταση σταθμού περιεχομένουΠολύ υψηλόΠολύ υψηλή (εφόσον πληρούται)Πολύ υψηλόΜέτρια-Υψηλή (ανάλογα με την ομάδα)
Ιστοσελίδα ηλεκτρονικού εμπορίου/μέλουςΔιαθέσιμο αλλά προσεκτικά αποκλεισμένο (οι βασικές σελίδες του WooCommerce δεν αποθηκεύονται στην προσωρινή μνήμη)Διαθέσιμο, αλλά μεγαλύτερη ανάγκη για κανόνες/στρατηγικές κοπήςείναι διαθέσιμο, και το WooCommerce αναφέρει εγγενή συμβατότητα και καμία προσωρινή αποθήκευση των βασικών σελίδων από προεπιλογήΔιαθέσιμο και κατάλληλο για μηχανικό έλεγχο
προϋπολογισμόςνα καλύψει το κόστοςδωρεάν λογισμικόδωρεάν λογισμικόΔωρεάν + πληρωμένη έκδοση

“Περιστατικά cache” και κατάλογος ελέγχου πρόληψης

1. Τρεις βασικές αιτίες “λανθασμένου περιεχομένου” λόγω προσωρινής αποθήκευσης

Α. Αντιμετώπιση των “stateful” σελίδων ως “stateless static pages”

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

B. Οι παραλλαγές πολλαπλών γλωσσών/πολλαπλών νομισμάτων/περιοχών δεν αποθηκεύονται σωστά στην προσωρινή μνήμη.

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

Γ. Βελτιστοποίηση front-end (JS/CSS) που οδηγεί σε λειτουργικές ανωμαλίες

Συγκεκριμένα, συμπίεση JS, συγχώνευση και καθυστερημένη εκτέλεση.Αποφυγή συμπίεσης αρχείων JS

2. Κατάλογος ελέγχου δοκιμών παλινδρόμησης πριν από την έναρξη λειτουργίας

  • Η είσοδος/έξοδος είναι φυσιολογική
  • Οι υποβολές φόρμας (φόρμα επικοινωνίας, συνδρομή, εγγραφή σύνδεσης) λειτουργούν σωστά
  • Διαδικασία ηλεκτρονικού εμπορίου: προσθήκη αγοράς → κουπόνι → αποστολή/φόροι → πληρωμή → σελίδα παραγγελίας
  • Σταθερότητα της πολύγλωσσης εναλλαγής (περιεχόμενο, URLs, hreflang, νόμισμα μετά την εναλλαγή)
  • Τα κινητά μενού, τα αναδυόμενα παράθυρα, η κύλιση, η νωχελική φόρτωση λειτουργούν σωστά
  • Παρακολουθήστε αν τα σενάρια εξακολουθούν να ενεργοποιούνται (GA, Meta Pixel, συμβάντα μετασχηματισμού)

κοινά προβλήματα

Q1:Γιατί η πρόσβαση στο εξωτερικό εξακολουθεί να είναι αργή παρόλο που έχω εγκαταστήσει το πρόσθετο caching;

Ο πιο συνηθισμένος λόγος για αυτό είναι ότι έχετε λύσει μόνο την “διπλή απόδοση στην πηγή”, αλλά όχι την “καθυστέρηση του δικτύου μεταξύ των ηπείρων”.
Τα πρόσθετα προσωρινής αποθήκευσης επιτρέπουν στο διακομιστή να εκπέμπει περιεχόμενο ταχύτερα (TTFB down), αλλά οι στατικοί πόροι (εικόνες, CSS, JS, γραμματοσειρές), και το RTT για τους παγκόσμιους συνδέσμους, εξακολουθούν να πρέπει να είναι CDN για να μειώσετε την απόσταση.
👉 Οπότε η σωστή διαδρομή είναι:Σταθεροποιήστε πρώτα την προσωρινή μνήμη cache του σταθμού προέλευσης.Και στη συνέχεια CDN για παγκόσμια διανομή.

Q2: Γιατί δεν ενημερώνεται το περιεχόμενο αφού το αλλάξω μετά την προσωρινή αποθήκευση;

Επειδή βλέπετε την “παλιά κρυφή μνήμη”. Ιδέα λύσης:

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

Ε3: Μπορώ να εγκαταστήσω το WP Rocket + WP Super Cache ταυτόχρονα;

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

Q4: Δεν είναι επικίνδυνη η χρήση προσωρινής αποθήκευσης για ιστότοπους ηλεκτρονικού εμπορίου;

Δεν είναι επικίνδυνο, αλλά το να μην υπάρχουν κανόνες είναι επικίνδυνο.Συστάσεις για το WooCommerceΠολύ σαφές: το καλάθι / το ταμείο / ο λογαριασμός δεν αποθηκεύονται στην προσωρινή μνήμη και αποφεύγεται η συμπίεση JS.
Επιπλέον, το WooCommerce αναφέρει επίσης ότι συνεργάζεται με το WP Super Cache εγγενής συμβατότητα, και αποφύγετε την προσωρινή αποθήκευση κρίσιμων σελίδων από προεπιλογή.
Έτσι, ο ιστότοπος ηλεκτρονικού εμπορίου μπορεί να αποθηκευτεί στην προσωρινή μνήμη, αλλά πρέπει να δοκιμαστεί ως “ζωντανή αλλαγή”.

Q5: Πρέπει να επιλέξω LiteSpeed Cache ή WP Rocket;

  • Είστε σίγουροι ότι ο κεντρικός υπολογιστής είναι LiteSpeed/OpenLiteSpeed;: Προτεραιότητα LiteSpeed Cache (δωρεάν και ισχυρή, με βασικά οφέλη από την LSCache σε επίπεδο διακομιστή)
  • Δεν είστε σίγουροι για τη στοίβα φιλοξενίας / δεν θέλετε να συμβιβαστείτε / θέλετε να ενσωματώσετε και να εξοικονομήσετε χρήματα.: Το WP Rocket είναι πιο σταθερό
  • Είστε ένας ιστότοπος περιεχομένου και έχετε ευαισθησία στον προϋπολογισμό: Το WP Super Cache είναι πιο σταθερό και ελαφρύτερο.

Cache plug-in με CDN

Το πρόσθετο caching λύνει το πρόβλημα της “λιγότερης καταμέτρησης των σταθμών πηγής και της χαμηλότερης TTFB”- το CDN λύνει το πρόβλημα των “στατικών πόρων και των σελίδων που βρίσκονται πιο κοντά στους παγκόσμιους χρήστες”. Η υπέρθεση των δύο είναι η κοινή βέλτιστη λύση για την παγκόσμια πρόσβαση.

  • Ένας κοινός συνδυασμός σταθμών περιεχομένου:Κρυφή μνήμη σελίδας + στατική διανομή CDN
  • Συνήθεις συνδυασμοί δυναμικών σταθμών:Κρυφή μνήμη σελίδων (αυστηρός έλεγχος αποκλεισμού) + Κρυφή μνήμη αντικειμένων (κατά παραγγελία) + στατική διανομή CDN

👉 Διαβάστε:Επιτάχυνση CDN (Παγκόσμιος κόμβος και πολιτική προσωρινής αποθήκευσης)

Συνιστώμενοι συνδυασμοί για την προσωρινή αποθήκευση ιστοσελίδων

1. Ιστοσελίδα περιεχομένου/ιστολόγιο/ιστοσελίδα εγγράφων

Στόχος: Μειώστε το TTFB, κάντε την πρώτη οθόνη πιο σταθερή, μειώστε την πίεση του διακομιστή, συνεργαστείτε με το CDN για παγκόσμια διανομή.

1.1 Ο πιο απροβλημάτιστος επιχειρηματικός συνδυασμός

  • WP Rocket (προσωρινή αποθήκευση σελίδων + προφόρτωση + βελτιστοποίηση front-end)
    • CDN (μεταβείτε στη σελίδα CDN talk)

Εφαρμόσιμο:

  • Θέλετε “χαμηλή εγκατάσταση, γρήγορα αποτελέσματα, χαμηλό ρίσκο”.”
  • Θέματα / plugins πληθώρα, θέλουν να μειώσουν τη συμβατότητα ρίψη γύρω από

Σημεία προσοχής:

  • Οι βελτιστοποιήσεις front-end (ειδικά η καθυστέρηση JS) ενεργοποιούνται σταδιακά για την αποφυγή λειτουργικών ανωμαλιών (μενού, φόρμες, παρακολούθηση κ.λπ.)
  • Οι ιστότοποι με συχνές αναθεωρήσεις/δημοσιεύσεις θα πρέπει να έχουν μια στρατηγική “καθαρισμού + προθέρμανσης”, διαφορετικά η πρώτη επίσκεψη στις ψυχρές σελίδες θα είναι αργή.

1.2 Ελεύθεροι και σταθεροί κλασικοί συνδυασμοί

  • WP Super Cache (στατική κρυφή μνήμη HTML): Δημιουργία στατικής HTML από δυναμικές σελίδες, κυρίως για μη εγγεγραμμένους χρήστες.

Εφαρμόσιμο:

  • Ευαίσθητος προϋπολογισμός αλλά σταθερός
  • Οι επισκέπτες βασικά δεν συνδέονται
  • Ελεγχόμενος ρυθμός ενημερώσεων περιεχομένου

Σημεία προσοχής:

  • Είναι ένας συνδυασμός της “προσωρινής αποθήκευσης σελίδων πρώτα”, μην περιμένετε να λύσει όλες τις πολυπλοκότητες CSS/JS στην πορεία!

2. Εταιρικός ιστότοπος / ιστότοπος μάρκας / σελίδα προορισμού

Στόχος: Να είστε γρήγοροι, αλλά το πιο σημαντικό είναι “να μην σπάσετε το σύνδεσμο μετατροπής λόγω βελτιστοποίησης”.

2.1 Στιβαρό και ελεγχόμενο (συνιστώμενοι σταθμοί παγκόσμιας τοποθέτησης/μετατροπής)

  • WP Rocket
  • + (προαιρετική) ελαφριά βελτιστοποίηση εικόνων (έχετε μια σελίδα “Βελτιστοποίηση εικόνων”)
    • CDN

Γιατί είναι καλό για τους σταθμούς μετατροπής:

  • Οι ιστότοποι που πραγματοποιούν μετατροπές φοβούνται ότι “οι φόρμες/αναδυόμενα παράθυρα/σενάρια παρακολούθησης θα καταστραφούν από τη βελτιστοποίηση”.”
  • Το WP Rocket είναι πιο “ολοκληρωμένο” με την έννοια ότι μπορείτε να ενεργοποιήσετε και να δοκιμάσετε κάθε στοιχείο σε ένα σύστημα.

Η “on-line αρχή” του δικτυακού τόπου της επιχείρησης:

  • Η βελτιστοποίηση των επιδόσεων είναι μια “go-live αλλαγή” και πρέπει να έχει έναν κατάλογο ελέγχου δοκιμών παλινδρόμησης.
  • Οποιεσδήποτε ρυθμίσεις που αφορούν την καθυστέρηση/συγχώνευση/συμπίεση JS θα πρέπει να επαληθεύονται σε ένα περιβάλλον πριν από την κυκλοφορία!

3. Ιστοσελίδα ηλεκτρονικού εμπορίου WooCommerce (παραγγελίες + δυναμική ασφάλεια σελίδας)

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

Τα επίσημα σημεία αναφοράς του WooCommerce για το πρόσθετο caching είναι πολύ σαφή:Σελίδα καλαθιού αγορών / Checkout / Λογαριασμού Μην αποθηκεύετε προσωρινάΣυνιστάται επίσης να αποφεύγεται η συμπίεση αρχείων JavaScript για την ελαχιστοποίηση των προβλημάτων συμβατότητας.

3.1 Ελεύθερες και ασφαλείς διαδρομές που είναι πιο “φιλικές προς τους αρχάριους”

  • WP Super Cache + WooCommerce
    • CDN

Γιατί αναφέρεται ως “ασφαλέστερο μέρος για να ξεκινήσετε”:

  • Το WooCommerce αναφέρει επίσημα ότι είναι εγγενώς συμβατό με το WP Super Cache και θα ενημερώσει το WP Super Cache ότι δεν αποθηκεύει βασικές σελίδες cache, όπως το cart/checkout/accounts από προεπιλογή.
  • Για τους ιστότοπους που ξεκινούν το ηλεκτρονικό εμπόριο, το “πρώτα να μην υπάρχουν ατυχήματα” είναι πιο σημαντικό από την “εξαιρετική απόδοση”.

3.2 Εάν χρησιμοποιείτε έναν ξενιστή LiteSpeed (δωρεάν αλλά ισχυρό)

  • LiteSpeed Cache (πρέπει να είναι LiteSpeed/OpenLiteSpeed host για να επωφεληθείτε από το core server caching)
  • + (προαιρετική) προσωρινή αποθήκευση αντικειμένων (Redis/Memcached, ανάλογα με τη χωρητικότητα φιλοξενίας και το μέγεθος του ιστότοπου)
    • CDN

Εφαρμόσιμο:

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

3.3 Κατασκευασμένες ομάδες/πολύπλοκο ηλεκτρονικό εμπόριο (ελεγχόμενο με πολλαπλές μονάδες)

  • W3 Total Cache (πλαίσιο επιδόσεων, πολλαπλά επίπεδα κρυφής μνήμης ενσωματωμένα στο CDN)
    • Κρυφή αποθήκευση αντικειμένων (κατόπιν ζήτησης)
    • CDN

Εφαρμόσιμο:

  • Με το Dev/Ops, μπορείτε να ξεκινήσετε τη λειτουργία με “Ενότητα βήμα προς βήμα Ενεργοποίηση + Δοκιμές πίεσης + Δοκιμές παλινδρόμησης”.
  • Ανάγκη για προσωρινή αποθήκευση τμημάτων / πιο σύνθετες παραλλαγές της στρατηγικής (π.χ. λεπτομερής προσωρινή αποθήκευση ανά συσκευή/περιοχή/γλώσσα)

4. Ιστοσελίδα μελών / κοινότητα / διαδικτυακά μαθήματα (πολλές συνδέσεις, ισχυρή εξατομίκευση)

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

4.1 Αποθήκευση αλλά χρειάζονται αυστηρές στρατηγικές αποκλεισμού

  • WP Rocket
  • + (προαιρετική) προσωρινή αποθήκευση αντικειμένων (εάν τα δυναμικά ερωτήματα είναι πολυάριθμα)
    • CDN

Βασικά σημεία:

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

4.2 LiteSpeed Hosting + Προηγμένη πολιτική

  • LiteSpeed Cache (caching διακομιστή + πιο εξελιγμένα εργαλεία πολιτικής)
  • + (on-demand) προσωρινή αποθήκευση αντικειμένων
    • CDN

Βασικά σημεία:

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

Διαδικτυακή κρυφή μνήμη “Demining Casebook”

Περίπτωση 1: Εγκατέστησα το πρόσθετο caching, η ταχύτητα είναι σχεδόν αμετάβλητη

Φαινόμενο:

  • Τοπικές/συνοριακές ταχύτητες OK, υπερπόντιες (διαηπειρωτικές) ακόμα αργές
  • Το TTFB έχει βελτιωθεί, αλλά οι συνολικοί χρόνοι φόρτωσης δεν έχουν μειωθεί σημαντικά

Συνήθεις αιτίες:

  • Κάνετε μόνο προσωρινή αποθήκευση στην πηγή (TTFB), αλλά οι στατικοί πόροι (εικόνες/JS/CSS/CSS/fonts) εξακολουθούν να φορτώνονται από την πηγή σε όλες τις ηπείρους.
  • Τα σενάρια τρίτων (διαφημίσεις, chat, στατιστικά) επιβραδύνουν την απόδοση και την αλληλεπίδραση
  • Αργές λήψεις λόγω μεγάλων μεγεθών εικόνων (η προσωρινή αποθήκευση δεν λύνει το πρόβλημα του μεγέθους της “πρώτης λήψης”)

Ιδέα λύσης:

  • Το πρόσθετο cache φροντίζει πρώτα για την “υπομέτρηση πηγής + χτυπήματα”.”
  • Στατικοί πόροι go CDN
  • Βελτιστοποίηση εικόνας μακριά
  • Τα σενάρια τρίτων κάνουν στρατηγικές καθυστέρησης/διαχωρισμού

Ανάγνωση:


Περίπτωση 2: Μετά την ενεργοποίηση της προσωρινής αποθήκευσης, η σελίδα αλλάζει, αλλά το frontend δεν ενημερώνεται.

Φαινόμενο:

  • Το περιεχόμενο/στυλ έχει ενημερωθεί στο backend και η παλιά έκδοση εξακολουθεί να εμφανίζεται στο frontend
  • Ή μόνο ορισμένες περιοχές ενημερώνονται και άλλες παραμένουν οι ίδιες (συνηθισμένο για παγκόσμιους σταθμούς).

Συνήθεις αιτίες:

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

Ιδέα λύσης:

  • Δημιουργήστε μια “στρατηγική καθαρισμού μετά την κυκλοφορία/αναμόρφωση”: καθαρίστε τις σχετικές σελίδες, όχι ένα σκληρό καθάρισμα σε ολόκληρο τον ιστότοπο.
  • Δημιουργήστε μια στρατηγική προθέρμανσης για σημαντικές σελίδες (αρχική σελίδα, βασικές σελίδες προορισμού) για να αποφύγετε το “καθαρισμός = επιβράδυνση”.”
  • CDN Στρώμα για τον καθαρισμό των άκρων όταν απαιτείται

Περίπτωση 3: Ακατάλληλο περιεχόμενο μετά από εναλλαγή πολλαπλών γλωσσών/πολλαπλών νομισμάτων

Φαινόμενο:

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

Συνήθεις αιτίες:

  • Η κρυφή μνήμη δεν κάνει διάκριση μεταξύ “παραλλαγών διαστάσεων” (cookie / παράμετροι / γλωσσικά προθέματα / υποτομείς).
  • Το χτύπημα της κρυφής μνήμης δίνει αποτελέσματα σελίδας γλώσσας Α στον χρήστη γλώσσας Β

Ιδέα λύσης:

  • Ορίστε το πολύγλωσσο πρόγραμμά σας: directories/subdomains/parameters/cookie
  • Προσθήκη “πολιτικών παραλλαγής” σε κανόνες προσωρινής αποθήκευσης ή αποκλεισμός βασικών σελίδων
  • Ορισμένες τοποθεσίες απαιτούν πιο προηγμένες ιδέες για την προσωρινή αποθήκευση “σε φέτες και κύβους” (το W3TC είναι πιο κατάλληλο για τον έλεγχο της μηχανικής).

Περίπτωση 4: Προβλήματα με το καλάθι αγορών/checkout σε ιστότοπο ηλεκτρονικού εμπορίου με ενεργοποιημένη προσωρινή αποθήκευση δεδομένων

Φαινόμενο:

  • Καλάθι αγορών με λάθος ποσότητα, λάθος τιμή, το κουμπί πληρωμής δεν λειτουργεί
  • Συνδεθείτε και δείτε περιεχόμενο που δεν σας ανήκει (σοβαρά)

Συνήθεις αιτίες:

  • Κρίσιμες σελίδες όπως το Καλάθι/Το Ταμείο/Ο Λογαριασμός μου αποθηκεύονται στην προσωρινή μνήμη.
  • Το JS minify/merge οδηγεί σε ασυμβατότητα πληρωμών/δυναμικών στοιχείων

Ιδέα λύσης:

  • Το WooCommerce είναι επίσημο: το cart/checkout/accounts δεν πρέπει να αποθηκεύεται στην cache και συνιστάται να αποφεύγεται η συμπίεση αρχείων JS.
  • Εκτελέστε πρώτα το “page cache + exclude” και, στη συνέχεια, εξετάστε τη βελτιστοποίηση front-end
  • Εάν χρησιμοποιείτε το WP Super Cache, το WooCommerce αναφέρει ότι είναι εγγενώς συμβατό και ότι αποφεύγει την προσωρινή αποθήκευση στην προσωρινή μνήμη των βασικών σελίδων από προεπιλογή.

Περίπτωση 5: Μενού/μορφή/αναδυόμενο παράθυρο σπασμένο μετά την ενεργοποίηση της λειτουργίας “Delay JS/Merge Scripts”.

Φαινόμενο:

  • Το μενού πλοήγησης δεν ανοίγει
  • Η επικύρωση της φόρμας απέτυχε ή δεν μπόρεσε να υποβληθεί
  • Εξαίρεση αναδυόμενου/αναδυόμενου παραθύρου
  • Τα στατιστικά στοιχεία/γεγονότα μετατροπής δεν ενεργοποιούνται (ο μεγαλύτερος πόνος για τις τοποθεσίες εκκίνησης)

Συνήθεις αιτίες:

  • Το Deferred JS αλλάζει το χρονοδιάγραμμα εκτέλεσης των σεναρίων: τα σενάρια δεν εκτελούνται μέχρι να αλληλεπιδράσει ο χρήστης με αυτά, ενώ ορισμένα στοιχεία βασίζονται στην επιλογή “αρχικοποίηση κατά τη φόρτωση της σελίδας”.”
  • Η συγχώνευση/συμπίεση μπορεί να αλλάξει τη σειρά των σεναρίων ή να σπάσει τις εξαρτήσεις

Το WP Rocket περιγράφει επίσημα την “αναβαλλόμενη εκτέλεση JS” ως μία από τις ισχυρότερες βελτιστοποιήσεις JS: τα σενάρια αναβάλλονται μέχρι μετά την αλληλεπίδραση με τον χρήστη για να δοθεί προτεραιότητα στην απόδοση της σελίδας. Αυτή είναι μια σπουδαία δυνατότητα, αλλά σημαίνει επίσης υψηλότερο κίνδυνο συμβατότητας.

Ιδέα λύσης:

  • Ενεργοποίηση σε στάδια: κρυφή μνήμη, μετά εικόνες, μετά CSS, μετά JS.
  • Προσθήκη εξαιρέσεων σε βασικά σενάρια (πληρωμές, φόρμες, μενού, παρακολούθηση)
  • Κάντε έναν κατάλογο ελέγχου δοκιμών παλινδρόμησης για κάθε αλλαγή

Περίπτωση 6: Μόνο η LiteSpeed Cache είναι εγκατεστημένη, αλλά δεν φαίνεται να λειτουργεί.

Φαινόμενο:

  • Το LiteSpeed Cache είναι ενεργοποιημένο, αλλά το TTFB δεν πέφτει πολύ.
  • Ούτε τα χτυπήματα είναι προφανή

Συνήθεις αιτίες:

  • Ο διακομιστής σας δεν είναι LiteSpeed/OpenLiteSpeed και δεν μπορεί να χρησιμοποιήσει τις βασικές δυνατότητες του LSCache
  • Ή ίσως ενεργοποιήσατε ένα σωρό βελτιστοποιήσεις γι“ αυτό, αλλά η ”πολιτική προσωρινής αποθήκευσης σελίδων/προθέρμανσης/αποκλεισμού" δεν δημιουργήθηκε!

Ιδέα λύσης:

  • Ελέγξτε πρώτα τη στοίβα του κεντρικού υπολογιστή: είναι LiteSpeed/OpenLiteSpeed (αυτό είναι προαπαιτούμενο)
  • Επαναφορά της εστίασης στην “Πολιτική προσωρινής αποθήκευσης σελίδων + Προθέρμανση + Εξαίρεση + Καθαρισμός”
  • Εάν δεν έχετε LiteSpeed host: Εξετάστε το WP Rocket ή το WP Super Cache