Http2, τι είναι και γιατί είναι καλύτερο και γρηγορότερο

Http2, τι είναι και γιατί είναι καλύτερο και γρηγορότερο

http2 τι είναι τι κάνει

Το γνωστό σε όλους μας protocol http έφτασε πλέον στην έκδοση 2 και ονομάζεται http2. Όπως θα δούμε παρακάτω όλες οι best  practices που χρησιμοποιούσαν οι δημιουργοί ιστοσελίδων για να κάνουν γρηγορότερη μια ιστοσελίδα είχαν τη βάση τους σε περιορισμούς που έθετε το protocol http. Σήμερα με την έλευση του http2 θα πρέπει πολλές από αυτές τις τεχνικές να αναθεωρηθούν. Εάν γίνει αυτό θα έχουμε ακόμα καλύτερη απόδοση της ιστοσελίδας.

Λίγη ιστορία

Η δημιουργία του http2 ξεκίνησε όταν το 2009 κάποιοι μηχανική της google ασχολήθηκαν με κάποιους περιορισμούς του protocol http. Σας παρουσιάζουμε πιο κάτω τους περιορισμούς:

  1. το απλό http δεν επιτρέπει ταυτόχρονες αιτήσεις σε μία μόνο σύνδεση TCP, .
  2. δεν αφήνει το απλό  http στους browsers να “διαλέγουν” τα resources που χρειάζονται για να κάνουν display μια ιστοσελίδα πιο γρήγορα.
  3. να υπάρχουν διαδικασίες compress και reduce στα headers , που δεν επιτρέπεται από το http.
  4. να μπορεί ο server να στείλει δεδομένα στον browser πριν ακόμα ο δεύτερος τα ζητήσει έτσι ώστε να γίνει μια μετέπειτα φόρτωση πολύ πιο γρήγορη , που δεν επιτρεπόταν με το http.

Έτσι βλέποντας όλα τα παραπάνω κατέληξαν στην δημιουργία μιας αρχικής version του http2 που ονομάστηκε SPDY. Η SPDY στην ουσία βελτίωνε το απλό http πρωτόκολλο βελτιώνοντας το με τα παραπάνω. Έτσι περνώντας ο καιρός το http2 πήρε όλες της καλές πρακτικές του SPDY και το SPDY σιγά σιγά αποσύρεται από όλους τους browsers. H μεγάλη διαφορά μεταξύ τους είναι ότι για να χρησιμοποιήσουμε το http2 στην πράξη πρέπει να έχουμε ένα ssl.

Τι πρέπει να κάνω για να έχω το Http2

Σιγά σιγά όλοι οι server και όλοι οι browser χρησιμοποιούν και υιοθετούν το http2 και μια μέρα χωρίς να το καταλάβετε εάν δεν είστε system administrator του server θα χρησιμοποιείται το http2. Αυτό που θα καταλάβετε όταν χρησιμοποιήσετε το http2 είναι ότι όλες οι καλές πρακτικές που χρησιμοποιούσατε για το http ίσως να είναι επιβαρυντικές πλέον για το καινούριο πρωτόκολλο. Άρα αυτό που χρειάζεται πραγματικά είναι να βελτιστοποιήσουμε τις ιστοσελίδες μας για να εκμεταλλεύονται τα οφέλη του http2.

Οφέλη και best practices για το Http2

Καταρχάς πρέπει για να χρησιμοποιήσουμε το http2 να εγκαταστήσουμε ένα https ή αλλιώς ssl. Έπειτα μια καλή προσέγγιση για να εκμεταλλευτούμε το πρωτόκολλο είναι να εγκαταλείψουμε τη μέθοδο δημιουργίας sprite για της εικόνες μας (δηλαδή τη δημιουργία μιας μεγάλης εικόνας) έτσι ώστε να μην έχουμε πολλά request. Δεν χρειάζεται πλέον αυτή η μέθοδος (μάλλον κιόλας με το http2 επιβραδύνει την ιστοσελίδα μας ) καθώς πλέον μπορούν ταυτόχρονα να γίνονται πολλά request ταυτόχρονα άρα θα γίνει πιο γρήγορα το download σε σχέση με μια μεγάλη image.

Επίσης δεν χρειάζεται πλέον η μέθοδος inline images in CSS using data URIs που μας σώζει requests καθώς πλέον κάθε request είναι πολύ πιο γρήγορο και “φθηνό”.  Ακόμη πάνω στην ίδια λογική των requests δεν θα χρειάζεται πλέον να έχουμε ένα μεγάλο css αρχείο και ένα js για να γλιτώσουμε requests αλλά να βάλουμε αυτά τα αρχεία ανάλογα που χρειάζονται σε κάθε σελίδα. Δηλαδή στην πρώτη σελίδα μόνο το css της πρώτης σελίδα και όχι όλου του site  για να γλιτώσουμε requests καθώς όπως προείπαμε το request πλέον είναι “φθηνό”! Τέλος η τεχνική του domain sharding είναι μια που πρέπει να αφήσουμε καθώς αυτή επιβραδύνει την ιστοσελίδα μας αντί για να την βοηθάει (σε αυτή κατεβάζουμε πολλά αρχεία από διαφορετικά domain names για να δημιουργήσουμε νέα connections έτσι ώστε να κατεβάσουμε τα αρχεία πιο γρήγορα).

HTTP2 στην Web-Mate

Με όλα τα παραπάνω καταλαβαίνετε ότι το http2 ήρθε για να μείνει και να κάνει τις ιστοσελίδες μας πιο γρήγορες. Στην Web-Mate είμαστε από τους πρώτους στην Ελλάδα που χρησιμοποιούμε το http2 σε ΟΛΕΣ μας τις ιστοσελίδες που διατηρούμε το hosting και πλέον μπορείτε να δείτε την τεράστια ταχύτητα που αυτές έχουν σε συνδυασμό με τις καλύτερες πρακτικές που χρησιμοποιούμε. Ύστερα από αναβάθμιση στους server μας που διήρκεσε ένα μήνα είμαστε στην ευχάριστη θέση να προσφέρουμε κάτι τόσο νέο στους πελάτες. Έτσι τους δίνουμε τι δυνατότητα να ξεχωρίσουν από τον ανταγωνισμό.

 

 

 

 

 

 

 

Posted on Ιούλιος 9, 2017 in informative, Web-mate

Back to Top