Ως σχεδιαστής ιστοσελίδων, γνωρίζετε ήδη ότι ο εξαιρετικός σχεδιασμός είναι απαραίτητος για έναν ιστότοπο - είναι η έννοια του σχεδιασμού που εμπιστεύεστε, εκτός εάν ένας ιστότοπος φαίνεται απολύτως καταπληκτικός, θα είναι δύσκολο για νέους επισκέπτες να εμπιστεύονται αυτόν τον ιστότοπο. Αυτός είναι ο τρόπος με τον οποίο ο σπουδαίος σχεδιασμός είναι σε έναν ιστότοπο.
Ωστόσο, υπάρχει ένα άλλο σημαντικό μέρος της ύπαρξης ενός αξιόπιστου ιστότοπου, του θετικού UX που έρχεται με έναν γρήγορο, εύχρηστο ιστότοπο.
Μετά από εξαιρετικό σχεδιασμό, η ταχύτητα είναι ένας από τους σημαντικότερους παράγοντες που συμβάλλουν στην επιτυχία μιας ιστοσελίδας.
ο σημασία μιας γρήγορης ιστοσελίδας έχει ερευνηθεί ξανά και ξανά.
Οι τοποθεσίες που δεν είναι αρκετά γρήγορες δημιουργούν αρνητική αντίληψη, καθώς ο πραγματικός χρόνος φόρτωσης ενός ιστότοπου επηρεάζει σημαντικά τις τιμές μετατροπής των ιστότοπων.
Καθώς ο χρόνος φόρτωσης αυξάνεται και αυξάνεται, ο ρυθμός μετατροπής μειώνεται σημαντικά, ενώ ο βέλτιστος ρυθμός μετατροπής συμβαίνει σε χρόνο φόρτωσης σελίδας 2,4 δευτερολέπτων.
Ενώ υπάρχουν πολλά οφέλη για τη χρήση ενός CDN το οποίο θα συζητήσουμε σύντομα, υπάρχει μια βασική προϋπόθεση για το πώς ένα CDN κάνει τον ιστότοπό σας γρηγορότερο.
Με απλά λόγια, ένα CDN είναι πολύ καλύτερα εξοπλισμένο ως δίκτυο για να χειρίζεται την κυκλοφορία ενός δικτυακού τόπου από ό, τι οι περισσότερες υπηρεσίες φιλοξενίας.
Η κοινή φιλοξενία συνήθως βελτιστοποιείται για την παροχή ενός σταθερού περιβάλλοντος όπου ο ιστότοπός σας μπορεί να τρέχει PHP ή άλλα δημοφιλή περιβάλλοντα φιλοξενίας.
Δεν είναι προσανατολισμένη στη βελτιστοποίηση της ταχύτητας τις περισσότερες φορές.
Από την άλλη πλευρά, ο πρωταρχικός στόχος του CDN, καθώς και η πραγματική οργάνωση της υποδομής, είναι προσανατολισμένα προς τη συμβολή στην παροχή ενός αστραπιαίου ιστοτόπου.
Πώς όμως το CDN επιταχύνει την περιοχή μου;
Υπάρχουν μερικοί λόγοι για τους οποίους ο ιστότοπός σας μπορεί να είναι αργός:
Υπάρχουν και άλλοι λόγοι, αλλά αυτοί είναι οι κυριότεροι.
Μπορείτε να απευθυνθείτε σε καθένα από αυτά ξεχωριστά, θα επικεντρωθούμε κυρίως στις τελευταίες δύο εδώ ...
Οι κοινόχρηστοι διακομιστές φιλοξενίας δεν προορίζονται να είναι γρήγοροι. Πρέπει να είναι προσιτές.
Τα οικονομικά της κοινής φιλοξενίας σημαίνει ότι για να μειωθεί το κόστος, ο αριθμός των διαφορετικών ιστότοπων που φιλοξενούνται στον ίδιο διακομιστή είναι σημαντικά υψηλός.
Αυτό σημαίνει ότι κάθε φορά που κάποιος επισκέπτεται τον ιστότοπό σας, ο διακομιστής φιλοξενίας ανταγωνίζεται για πόρους με ΟΛΟΥΣ τους ιστότοπους που φιλοξενούνται στον ιστότοπο, πράγμα που σημαίνει ότι συνήθως διαρκεί περισσότερο από ένα δευτερόλεπτο για να ξεκινήσετε την προβολή του ιστότοπού σας.
Τώρα, όταν μιλάμε για την κατασκευή ενός ιστότοπου, μια ποινή ενός δευτερολέπτου πριν αρχίσουμε να κάνουμε βελτιστοποιήσεις είναι ένας τρομερός τρόπος για να ξεκινήσουμε.
Έτσι, μερικές συστάσεις:
Μία από τις μεγαλύτερες επιπτώσεις που μπορεί να έχει ο ιστότοπός σας όσον αφορά τον χρόνο φόρτωσης, συνήθως προέρχεται από τις εικόνες που φιλοξενούνται στον ιστότοπό σας.
Θα βρείτε πολλά blogs που διακηρύσσουν την αξία της χρήσης εικόνων στον ιστοτόπο και το ιστολόγιό σας και φυσικά αυτό είναι εξαιρετική συμβουλή.
Οι εικόνες είναι απαραίτητες για να σπάσουν μεγάλα κομμάτια κειμένου και να κάνουν καλύτερη αναγνώσιμη.
Ποιος επίσης δεν έχει ακούσει για τη φράση: "Μια εικόνα αξίζει χίλιες λέξεις"
Ναι, οι εικόνες είναι ζωτικής σημασίας για την επιτυχία του ιστότοπού σας.
Ωστόσο, έχουν ένα μειονέκτημα.
Οι μη εξειδικευμένες εικόνες μπορούν να σκοτώσουν τον χρόνο φόρτωσης του ιστότοπού σας.
Τώρα, σε έναν ιδανικό κόσμο, θα ακολουθούσαμε τη συνιστώμενη προσέγγιση της αποθήκευσης κάθε αρχείου σε φιλική προς το web μορφή, βελτιστοποιώντας τις μεγάλες εικόνες και τις συμπιέζοντας σε ένα μέγεθος που είναι αποδεκτό χωρίς να χάσει κανείς την ποιότητα.
Ωστόσο, στην πραγματικότητα, απλά δεν έχουμε το χρόνο ή την τάση να περάσουμε από μια διαδικασία βελτιστοποίησης για κάθε εικόνα.
Αλλά, υπάρχει μια λύση. Αυτοματοποίηση.
Κάποτε, πάλι, τα CDNs έρχονται στη διάσωση. Η συμπίεση και η βελτιστοποίηση εικόνας είναι συνήθως μια ενσωματωμένη λειτουργία ενός CDN.
Στην ουσία, πηγαίνετε για την επιχείρησή σας να δημιουργήσετε μια εξαιρετική ιστοσελίδα με εκπληκτικές εικόνες, το CDN θα χειριστεί τη συμπίεση και τη βελτιστοποίηση των εικόνων.
Αυτός είναι ένας άλλος δολοφόνος ταχύτητας.
Όταν ξεκινάμε απλά ως σχεδιαστές ιστοσελίδων, μας αρέσει να ανακαλύπτουμε νέα plugins και να τα δοκιμάζουμε και να τα εγκαθιστούμε στην ιστοσελίδα μας, χωρίς ποτέ να συνειδητοποιήσουμε ποιος θα είναι ο αντίκτυπος των plugins.
Ακόμη και οι εγκατεστημένοι σχεδιαστές ιστοσελίδων τείνουν να πέσουν σε αυτή την παγίδα. Χρησιμοποιώντας δεκάδες plugins για να βεβαιωθείτε ότι η λειτουργικότητα που απαιτείται από τον πελάτη παραδίδεται έχει τις παρενέργειες του.
Στην πραγματικότητα, κάθε πρόσθετο που εγκαθιστάτε στον ιστότοπό σας προσθέτει αρχεία Javascript, αρχεία CSS και απαιτεί μεγαλύτερη απόδοση από τον ιστότοπό σας.
Θα το δείτε με τη μορφή πολλών αιτημάτων σε ιστότοπους δοκιμών απόδοσης και πολύ μακρύ χρόνο φόρτωσης.
Και πάλι, μερικές συστάσεις:
Ενώ ένα CDN δεν θα σας βοηθήσει να αποφασίσετε ποια πρόσθετα πρέπει να διατηρήσετε και ποια πρόσθετα για να απορρίψετε, ένα CDN είναι σε θέση να εκτελέσει πραγματικά τη συμπίεση on-the-fly και minification των σεναρίων, για να μειώσει το συνολικό μέγεθος του περιεχομένου του site σας, και έτσι πιο γρήγορα.
Η τρίτη και πολύ σημαντική πρόταση είναι η ρύθμιση του HTTP / 2 - δεν πρόκειται να πάμε σε πολύ λεπτομέρεια, διότι έχουμε ήδη συζητήσει εκτενώς το HTTP / 2, και τα δύο σε αυτό το site και αλλού .
Το HTTP / 2 έχει γραφτεί ειδικά για τη βελτιστοποίηση του χρόνου φόρτωσης των ιστότοπων, ιδιαίτερα εκείνων των ιστότοπων που έχουν πολλούς διαφορετικούς πόρους για να εξυπηρετήσουν.
Οι περισσότερες υπηρεσίες CDN σας επιτρέπουν να ενεργοποιείτε γρήγορα και εύκολα το HTTP / 2 στον ιστότοπό σας δίνοντας στον ιστότοπό σας άμεση ώθηση ταχύτητας.
Ακόμα κι αν έχετε κάνει όλες τις παραπάνω βελτιστοποιήσεις, υπάρχει ακόμα ένα πράγμα που μπορεί να σκοτώσει εντελώς την ταχύτητα του ιστοτόπου σας.
Πώς το διορθώνετε αυτό;
Εντάξει, εάν ακολουθήσατε τις συμβουλές μας, ο ιστότοπός σας πρέπει τώρα να είναι σημαντικά ταχύτερος από ό, τι πριν.
Αλλά, υπάρχει ένα πράγμα που μπορεί να σκοτώσει την ταχύτητα φόρτωσης του ιστοτόπου σας.
Εάν ο ιστότοπός σας απευθύνεται σε τοπικό κοινό, η λύση σας είναι απλή: επιλέξτε μια καλή υπηρεσία φιλοξενίας η οποία είναι όσο το δυνατόν πιο κοντά στην τοποθεσία-στόχο σας.
Ωστόσο, αυτό είναι πιο δύσκολο αν σας εάν ο ιστότοπός σας τροφοδοτεί ένα διεθνές ακροατήριο.
Απλά δεν μπορείτε να επιλέξετε μια τοποθεσία διακομιστή που είναι φυσικά κοντά σε όλους τους επισκέπτες της ιστοσελίδας σας.
Μπορείτε να κάνετε το επόμενο καλύτερο πράγμα και να φιλοξενήσετε στη θέση επισκέπτη που είναι η πιο δημοφιλής, αλλά υπάρχει μια 2η, πιο αποτελεσματική λύση.
Μια υπηρεσία CDN έχει ως στόχο συγκεκριμένα να επιλύσει αυτό το πρόβλημα.
ΕΝΑ Υποδομή του CDN έχει σχεδιαστεί ειδικά για να διορθώσει το πρόβλημα που μόλις περιγράψαμε.
Τα CDN έχουν ένα δίκτυο εκατοντάδων διακομιστών σε δεκάδες τοποθεσίες σε όλο τον κόσμο. Αυτοί οι διακομιστές που ονομάζονται διακομιστές άκρη ή προσωρινής αποθήκευσης θα αναπαράγουν τις εικόνες και τους στατικούς πόρους σας, όπως τα αρχεία Javascript και CSS σε αυτές τις τοποθεσίες.
Όταν ένας χρήστης έρχεται στη συνέχεια στον ιστότοπό σας, οι βαρείς πόροι θα εξυπηρετηθούν από μια τοποθεσία που είναι όσο το δυνατόν πιο κοντά στον επισκέπτη.
Αυτό μειώνει σημαντικά το πρόβλημα της απόστασης και δίνει στον ιστότοπό σας ένα πολύ σημαντικό πλεονέκτημα όσον αφορά την ταχύτητα φόρτωσης.
Το μεγάλο πράγμα για τη χρήση ενός CDN είναι ότι μπορείτε εύκολα να αυξήσετε την ταχύτητα της ιστοσελίδας σας χωρίς να χρειαστεί να πληρώσετε τίποτα επιπλέον, ειδικά εάν ο ιστότοπός σας εξακολουθεί να αυξάνεται.
Οι περισσότερες υπηρεσίες CDN προσφέρουν δωρεάν σχέδιο, το οποίο θα παρέχει την απαραίτητη λειτουργικότητα προσωρινής αποθήκευσης που συζητήσαμε παραπάνω. Συνήθως, εκτός από τη βελτιστοποίηση του περιεχομένου, θα έχετε επίσης την ώθηση στην ασφάλεια του ιστότοπού σας, μέσω των μηχανισμών ασφαλείας που εφαρμόζουν τα CDN.
Καθώς ο ιστότοπός σας μεγαλώνει και οι ανάγκες του ιστότοπου μεγαλώνουν, τότε θα μπορείτε να κάνετε αναβάθμιση σε ένα σχέδιο που ταιριάζει καλύτερα στις ανάγκες σας.
Υπάρχουν μερικοί τρόποι ρύθμισης ενός CDN, αυτό εξαρτάται κυρίως από το πραγματικό CDN που θα χρησιμοποιήσετε.
Ο πρώτος τρόπος δημιουργίας ενός CDN είναι η χρήση ενός πρόσθετου CDN. Κατά τη ρύθμιση του CDN, θα λάβετε μια διεύθυνση URL η οποία θα είναι η νέα θέση των στατικών εικόνων του ιστότοπού σας.
Το πρόσθετο CDN θα ξαναγράψει τη διεύθυνση URL των στατικών πόρων έτσι ώστε να εμφανίζονται από το CDN.
https://www.example.com/images/logo-default.jpg
τώρα ξαναγράφεται ως
https://cdn.example.com/images/logo-default.jpg
Θα χρειαστεί να εκτελέσετε κάποιες μικρές αλλαγές στις καταχωρήσεις DNS του ιστότοπού σας, έτσι ώστε το cdn.example.com να επιλύσει ως τη διεύθυνση URL που παρέχεται από το CDN σας.
Μπορείτε να χρησιμοποιήσετε την πρόσθετη δυνατότητα CDN Enabler εάν χρησιμοποιείτε υπηρεσία μετατροπής διευθύνσεων URL όπως το KeyCDN (οι συγγραφείς αυτής της προσθήκης), το MaxCDN ή το Encapsula.
Μόλις εγκαταστήσετε αυτό το πρόσθετο, το μόνο που πρέπει να κάνετε είναι να καταχωρίσετε τη διεύθυνση URL που παρέχεται από την υπηρεσία CDN και θα πρέπει να είστε καλός.
Ένας άλλος, καλύτερος τρόπος εγκατάστασης ενός CDN χρησιμοποιεί ένα αντίστροφο διακομιστή μεσολάβησης.
Αυτό απαιτεί επίσης μικρές αλλαγές στο DNS σας, οι οποίες είναι τυπικά ειδικές για το CDN που θα εγκαταστήσετε.
Αυτή η εφαρμογή είναι επωφελής επειδή αφαιρεί ένα σημαντικό φορτίο από το χτύπημα του διακομιστή σας απευθείας.
Όπως έχουμε δει παραπάνω, η εγκατάσταση ενός CDN δεν είναι τόσο απαγορευτική όσον αφορά την τιμή, όπως μπορεί κανείς να σκεφτεί. Εκτός αυτού, η αύξηση της απόδοσης που δίνεται στον ιστότοπό σας θα είναι μια σημαντική βελτίωση του UX.
Εάν θέλετε να επιταχύνετε γρήγορα τον ιστότοπό σας, ένα CDN είναι απαραίτητο.