Πώς να επιταχύνετε τον ιστότοπό σας στο WordPress με το CDN77

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


Το πρώτο βήμα στον οδηγό μας θα είναι δημιουργία λογαριασμού CDN77. Σε περίπτωση που δεν έχετε λογαριασμό ακόμα, Το CDN77 προσφέρει μια δωρεάν δοκιμαστική περίοδο 14 ημερών. Η εγγραφή διαρκεί μόνο λίγα λεπτά. Στη συνέχεια, θα δημιουργήσουμε πραγματικά έναν πόρο CDN κάνοντας κλικ στο Δημιουργία νέου πόρου CDN (στην καρτέλα CDN). Για τους σκοπούς αυτού του άρθρου, πρόκειται να εφαρμόσουμε ένα CDN σε ένα blog ταινιών που φιλοξενείται σε ένα Datacenter στο Λας Βέγκας.

cdn77-με-wordpress-03

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

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

cdn77-με-wordpress-04

Πώς να ρυθμίσετε ένα SSL στο CDN77

Μπορούμε να δημιουργήσουμε ένα δωρεάν πιστοποιητικό SSL με 2 τρόπους. Μπορούμε είτε να χρησιμοποιήσουμε ένα κοινόχρηστο πιστοποιητικό SSL για έναν υποτομέα στο xxx.c.cdn77.org ή μπορούμε να χρησιμοποιήσουμε το δικό μας CNAME (δείτε την παραπάνω εικόνα). Γενικά, προτείνουμε να χρησιμοποιήσετε ένα CNAME όπως το cdn.yoursite.com.

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

Σε αυτήν την περίπτωση, θα δημιουργήσουμε ένα CNAME. Αυτό σημαίνει ότι το περιεχόμενο του ιστότοπού μας θα είναι άμεσα προσβάσιμο μέσω HTTPS εάν αντικαταστήσουμε τον ιστότοπό μας με το cdn.ourdomain. Με το CDN77, η απόκτηση SSL είναι λίγα μόνο κλικ.

Ρυθμίστε το !

Μόλις δημιουργήσετε τον πόρο, το πρώτο πράγμα που πρέπει να δείτε είναι το μενού Άλλες ρυθμίσεις. Εάν πρόκειται να χρησιμοποιήσετε το HTTPS, είναι απολύτως υποχρεωτικό να διατηρήσετε το HTTP / 2 ενεργοποιημένο. Η βελτίωση της ταχύτητας μεταξύ των κανονικών HTTP / 1.x και HTTP / 2 είναι τεράστια. Το CDN77 θα λειτουργεί σε λειτουργία HTTP / 2 στον πόρο HTTPS από προεπιλογή, μειώνοντας το χρόνο σας στο μισό.

Αν πρόκειται για HTTPS, πρέπει επίσης να κάνετε ανακατεύθυνση 301 για να συμμορφωθείτε με τα πρότυπα της Google για HTTPS, ενεργοποιήστε την ανακατεύθυνση HTTPS.

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

Το CDN77 προσφέρει επίσης την επιλογή Cache Expiry. Σε περίπτωση που φορτώσετε πολλές φωτογραφίες, πρέπει να ρυθμιστεί στην υψηλότερη δυνατή ρύθμιση, δηλαδή 12 ημέρες.

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

Γιατί να μην χρησιμοποιήσετε το CDN για Javascript & CSS, είστε τρελοί?

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

Τα αρχεία CSS & Javascript είναι ζωτικής σημασίας για τη φόρτωση ιστότοπου σε οποιοδήποτε πρόγραμμα περιήγησης και δεν πρέπει να αποτελούν αντικείμενο μηχανισμού προσωρινής αποθήκευσης, όπως αυτός στις υπηρεσίες CDN. Αν και, μπορείτε να δημιουργήσετε έναν στατικό πόρο στο CDN για να απορρίψετε αυτά τα σημαντικά αρχεία. Αυτή είναι μια πιο προηγμένη τεχνική που θα απαιτεί από εσάς να τροποποιήσετε το WordPress σε ένα επίπεδο πέρα ​​από το πεδίο αυτού του σεμιναρίου.

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

cdn77-με-wordpress-07

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

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

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

cdn77-με-wordpress-10

Μόλις ρυθμίσετε τα πάντα, μπορείτε να τοποθετήσετε το CNAME στον δικό σας τομέα. Για να το κάνετε αυτό, πρέπει να δημιουργήσετε έναν κανόνα στον καταχωρητή σας ή στον πίνακα φιλοξενίας σας στην ενότητα DNS και να τοποθετήσετε το cdn.yourdomain.com στο CNAME xxx.rsc.cdn77.org όπως φαίνεται στην εικόνα, αυτό θα δώσει οδηγίες στο DNS για να ανακατευθύνετε όλη την επισκεψιμότητα του υποτομέα σας στο πραγματικό μέρος που πρέπει να είναι. Μην ανησυχείτε, δεν θα επηρεάσει την απόδοση. Επιπλέον, εξυπηρετεί επίσης το σκοπό να δείξει στους αναγνώστες σας ότι χρησιμοποιείτε cdn.yourdomain.com που φαίνεται φανταχτερό.

Εάν προτιμάτε να χρησιμοποιήσετε τη διεύθυνση cdn77.org, δεν χρειάζεται να κάνετε τίποτα, απλώς χρησιμοποιήστε αυτήν τη διεύθυνση όταν αντικαθιστάτε το περιεχόμενό σας στο WordPress.

WordPress Side

Από την πλευρά του WordPress, πρέπει να προσθέσουμε ένα πρόσθετο για να λειτουργεί σωστά. Θα χρησιμοποιήσουμε το Ενεργοποιητής CDN, ένα εύχρηστο πρόσθετο. Ο λόγος για τη χρήση αυτής της προσθήκης είναι απλός – η πλειονότητα των προσθηκών CDN δεν θα επιτρέπει τέτοιο λεπτομερή έλεγχο των φακέλων που στέλνετε στο CDN. Αυτό το πρόσθετο κάνει και είναι πολύ σημαντικό για την περίπτωσή μας, δεδομένου ότι δεν θέλουμε να συμπεριλάβουμε αρχεία Javascript ή CSS, μόνο τις μεταφορτωμένες εικόνες.

cdn77-με-wordpress-14

Μόλις εγκατασταθεί, μπορείτε να βρείτε την προσθήκη εδώ…

cdn77-με-wordpress-15

Ας το τροποποιήσουμε !

cdn77-με-wordpress-16

Θυμάστε όταν μιλήσαμε για προσαρμογή; Εδώ είναι το πιο σημαντικό γεγονός για το πώς να ρυθμίσετε σωστά ένα CDN στο WordPress. Η συντριπτική πλειονότητα των προσθηκών CDN θα σας πει να συμπεριλάβετε έναν κατάλογο για το CDN για «αναπαραγωγή» και συνήθως σας λένε να συμπεριλάβετε περιεχόμενο wp. Αυτό είναι καλό για μια γενική ρύθμιση, αλλά δεν είναι καλό για την απόδοσή σας, επειδή ο φάκελος wp-content είναι γεμάτος με έναν άλλο πολύ ευαίσθητο φάκελο, το φάκελο προσθηκών και θεμάτων, συμπεριλαμβανομένων τόνων αρχείων Javascript & CSS. Μπορεί να χάσετε την απόδοση όταν δεν αποθηκεύονται στην κρυφή μνήμη όπως συζητήθηκε προηγουμένως.

Λοιπόν, πώς μπορούμε να το διορθώσουμε; Περιλαμβάνουμε απλώς το φάκελο wp-content / uploads. Μια τόσο απλή λύση!

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

cdn77-με-wordpress-17

Μια απλή ανανέωση του ιστότοπου θα επιτρέψει στο CDN να πάρει το περιεχόμενο για εσάς. Σε αυτό το παράδειγμα, ανοίξαμε μια καρτέλα προγραμματιστή Firefox (F12) και αναζητήσαμε την πρώτη εικόνα. Μπορείτε να δείτε ξεκάθαρα ότι ο σύνδεσμος αντικαταστάθηκε και τώρα φορτώνεται απευθείας από το CDN αντί για τον κεντρικό υπολογιστή μας!

Πριν και μετά

Ας δούμε πώς αποδείχτηκε όλα αυτά !

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

Τυλίγοντας

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

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me