Από τον συγγραφέα: Εάν εργάζεστε στην ανάπτυξη για μεγάλο χρονικό διάστημα, γνωρίζετε ότι το κύριο πρόβλημα στο Διαδίκτυο είναι η ταχύτητα. Είναι απλό: η ταχύτητα έχει σημασία και όσο πιο γρήγορα τόσο το καλύτερο. Ένας εύκολος τρόπος για να βελτιώσετε την απόδοση είναι να χρησιμοποιήσετε ένα CDN. Έχουμε ήδη καλύψει αυτό το θέμα αρκετές φορές στον ιστότοπο CSS-Tricks. Η απλότητα είναι ότι δεν χρειάζεται να ξαναγράψετε τη βάση δεδομένων και να επεξεργαστείτε μη αυτόματα το περιεχόμενο, αλλά πολλοί από εμάς δεν δίνουμε αρκετή προσοχή στην απόδοση σε αυτόν τον τομέα. Φιλοξενία, διακομιστές και cPanel, ω μου!

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

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

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

Με έχασες στο CDN

Δεν θα βλάψουμε αν εξετάσουμε τις βασικές έννοιες: τι είναι ένα CDN, σε τι χρειάζονται. Ας ξεκινήσουμε με αυτό.

JavaScript. Γρήγορη εκκίνηση

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

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

Για παράδειγμα, θέλουμε να ρυθμίσουμε ένα CDN για έναν υποτομέα. Στον ιστότοπο CSS-Tricks, η διεύθυνση θα μπορούσε να είναι cdn.css-tricks.com. Αντίστοιχα, όλοι οι σύνδεσμοι για αρχεία θα μεταβούν στον υποτομέα.

Σε γενικές γραμμές, οι διευθύνσεις των αρχείων στον ιστότοπό σας είναι:

http://www.css-tricks.com/image.jpg http://www.css-tricks.com/style.css http://www.css-tricks.com/script.js

http : //www.css-tricks.com/image.jpg http://www.css-tricks.com/style.css http://www.css-tricks.com/script.js

... θα γίνει έτσι:

http://cdn.css-tricks.com/image.jpg http://cdn.css-tricks.com/style.css http://cdn.css-tricks.com/script.js

http://cdn.css-tricks.com/image.jpg http://cdn.css-tricks.com/style.css http://cdn.css-tricks.com/script.js

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

Περιμένετε, δύο διακομιστές σε έναν ιστότοπο;

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

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

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

Πώς να εγκαταστήσετε ένα CDN σε μια προσαρμοσμένη εφαρμογή

Υπάρχουν πολλές υπηρεσίες, αλλά οι πιο συχνά χρησιμοποιούμενες είναι το Amazon AWS και το MaxCDN. Σήμερα θα δούμε την υπηρεσία MaxCDN.

Βήμα 1: Επιλέξτε ένα CDN και καταχωρήστε τον ιστότοπό σας

Εάν αποφασίσετε ότι ο ιστότοπός σας θα χρειαστεί CDN, θα πρέπει να εγγραφείτε. Υπάρχουν πολλοί, πολλοί τρόποι, αλλά για να μην ζυγίζουμε τα υπέρ και τα κατά του καθενός ( καλό θέμαγια το επόμενο άρθρο), θα δώσω μια σειρά από υπηρεσίες:

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

Βήμα 2: Δημιουργήστε μια διεύθυνση URL στο CDN σας

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

Όπως και με άλλους υποτομείς, θα χρειαστεί να καθορίσετε μια εγγραφή cname Ρυθμίσεις DNSο οικοδεσπότης σας.

Βήμα 3: Τοποθετήστε τα αρχεία σας σε ένα CDN

Ας δούμε πώς μπορείτε να δημιουργήσετε μια μεταβλητή για τη διεύθυνση CDN και πώς μπορεί να χρησιμοποιηθεί για την εισαγωγή στατικών πόρων μέσω προγραμματισμού πριν από τη διεύθυνση URL. Γιατί είναι απαραίτητο: (1) καθιστά πιο δύσκολο να κάνουμε λάθη στη σήμανση και (2) διευκολύνει την εργασία με διευθύνσεις URL που θα χρειαστεί να αλλάξουμε.

Για να γίνει αυτό, χρειαζόμαστε μια καθολική μεταβλητή για το CDN, την οποία θα προσαρτήσουμε στα αριστερά της διεύθυνσης URL στατικού πόρου. Θα δημιουργήσουμε τη μεταβλητή τόσο σε PHP όσο και σε JS για να διευκολύνουμε την εργασία αργότερα. Αυτή η μεταβλητή θα μας βοηθήσει επίσης να απενεργοποιήσουμε εύκολα το CDN αν το θέλουμε. Θα χρειαστεί απλώς να αντικαταστήσετε την τιμή με / για να επιστρέψετε τη διεύθυνση στον διακομιστή μας.

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

Γειά σου Κόσμε! /* Ας ορίσουμε μια καθολική javascript για τη χρήση του CDN μέσα σε σενάρια */ var cdnURL = ""; js/main.js">

Ο κόσμος των δωρεάν προγραμμάτων και χρήσιμες συμβουλές 2024 whatsappss.ru