Το διαδίκτυο συνεχώς σημειώνει πρόοδο με την ταχύτητα που αποτελεί τη βασική μετρική της προόδου και βασική ερώτηση για τους περισσότερους προγραμματιστές ιστού. Μια προηγούμενη {$lang_domain} άρθρο Πόσο αργή είναι πολύ αργή το 2016; υπογράμμισε την ανάγκη να επικεντρωθούμε στην ταχύτητα, οπότε αποφασίσαμε να παρουσιάσουμε μερικά χαρακτηριστικά γνωρίσματα που θα βοηθήσουν τον ιστότοπό σας να φτάσει στη βαθμολογία το 2016.
Δημοσιεύθηκε τον Μάιο του 2015 και υποστηρίζεται από το δεύτερο εξάμηνο του 2015, το HTTP / 2 είναι μια νέα έκδοση του παγκόσμιου πρωτοκόλλου παγκόσμιου ιστού.
Η κύρια βελτίωση είναι η δυνατότητα κάλυψης πολλαπλών αιτήσεων σε μια ενιαία σύνδεση. Αυτή η δυνατότητα ονομάζεται πολυπλεξία και είναι επαναστατική για τους σχεδιαστές ιστοσελίδων. Τεχνικές όπως sprites ή Δεδομένα URI δεν θα είναι πλέον αποτελεσματική.
Το HTTP / 1 ήταν πιο αποδοτικό κατά τη φόρτωση μιας μεγάλης εικόνας αντί για αρκετές μικρές επειδή δεν ήταν σε θέση να καλύψει πολλαπλά αιτήματα ταυτόχρονα. Αυτό το φροντίζει στη νέα έκδοση.
Το HTTP / 2 συμπιέζει επίσης τις κεφαλίδες πριν από την αποστολή των ζητούμενων δεδομένων, γεγονός που απλοποιεί τη μεταφορά. Τέλος, η νέα έκδοση είναι δυαδική και όχι κειμενική, όπως ήταν η προηγούμενη έκδοση.
Το αποτέλεσμα είναι μια αύξηση της απόδοσης έως και 50%. Μπορείτε να δοκιμάσετε τη διαφορά εδώ .
Το πιο δύσκολο πράγμα για τη μετάβαση σε HTTP / 2 μπορεί να μην είναι HTTP / 2 καθόλου. Παρόλο που το HTTP / 2 δεν απαιτεί άμεσα έναν ασφαλές ιστότοπο, τα προγράμματα περιήγησης υποστηρίζουν μόνο τον SSL.
Το πρώτο σας βήμα προς το HTTP / 2 θα πρέπει συνεπώς να είναι ένα πιστοποιητικό SSL.
Μόλις έχετε ένα πιστοποιητικό, η υλοποίηση του HTTP / 2 από μόνος σας είναι δυνατή μόνο αν διαχειριστείτε τον διακομιστή σας. Διαφορετικά, όλα εξαρτώνται από την εταιρεία φιλοξενίας ιστοσελίδων ή διακομιστή φιλοξενίας σας.
Σύμφωνα με W3Techs , επί του παρόντος μόνο το 7% μόχλευσης HTTP / 2.
Με απλά λόγια, τα πιστοποιητικά SSL κρυπτογραφούν τη σύνδεση μεταξύ ενός διακομιστή και ενός πελάτη. Η απόκτηση ενός πιστοποιητικού είναι ευκολότερη από ό, τι μπορεί να σκεφτείς και μπορείτε να τον πάρετε δωρεάν με το Let's Encrypt.
Το Let's Encrypt είναι μια νέα αρχή πιστοποίησης που άφησε δημόσια beta στα μέσα Απριλίου του 2016. Ο στόχος της Let's Encrypt είναι να εξαλείψει όλες τις χειροκίνητες διαδικασίες που απαιτούνται για την απόκτηση πιστοποιητικού. με το Let's Encrypt, η όλη διαδικασία είναι αυτοματοποιημένη και διαρκεί μόνο λίγα λεπτά.
Μπορείτε να πάρετε ένα πιστοποιητικό μέσω του παρόχου web hosting. Για όσους διαχειρίζονται το δικό τους διακομιστή, αυτό το άρθρο παρέχει ένα φροντιστήριο εγκατάστασης βήμα προς βήμα.
Ο Brotli είναι ένας νέος αλγόριθμος συμπίεσης που εισήχθη το περασμένο φθινόπωρο από την Google. Γενικά, οι αλγόριθμοι συμπίεσης μειώνουν το μέγεθος των μεταφερόμενων δεδομένων.
Η Google ανέφερε ότι σε σύγκριση με τις τρέχουσες λύσεις, η Brotli προσφέρει 20-26% καλύτερη αναλογία συμπίεσης. Ως εκ τούτου, μπορείτε να εξοικονομήσετε περίπου το 40% της επισκεψιμότητάς σας σε αρχεία HTML και περίπου 25% σε CSS και Javascript.
Από τώρα, το Brotli υποστηρίζεται μόνο από το Chrome και τον Firefox, άλλα προγράμματα περιήγησης που θα ακολουθήσουν σύντομα.
Όσον αφορά τους διακομιστές, μεγάλοι διακομιστές όπως Nginx, Apache και Node.js απαιτούν εγκατάσταση πακέτων. Κανένας διακομιστής δεν προσφέρει αυτή τη στιγμή το Brotli.
Ένα δίκτυο παροχής περιεχομένου είναι ένα σύνολο διακομιστών σε όλο τον κόσμο. Αυτοί οι διακομιστές περιέχουν αντίγραφα του περιεχομένου του ιστότοπού σας (εικόνες, βίντεο, λογισμικό κ.λπ.). Όταν έχετε πρόσβαση, τα δεδομένα σας φορτώνονται από ένα διακομιστή πιο κοντά στον επισκέπτη και έτσι η συνολική φόρτωση είναι πολύ πιο γρήγορη παντού στον πλανήτη.
Ένα άλλο μεγάλο πλεονέκτημα είναι η βελτιωμένη αξιοπιστία του ιστότοπού σας. Καθώς το περιεχόμενο μεταδίδεται σε δεκάδες servers, ο ιστότοπος φιλοξενίας σας εξοικονομεί σημαντικό μέρος της κυκλοφορίας και επομένως προστατεύεται καλύτερα από τη συντριβή.
Το αποτέλεσμα είναι ότι ένας ιστότοπος φορτώνεται πιο γρήγορα από (κατά μέσο όρο) το 50%. Συνήθως ακόμα περισσότερο.