Snelle websites scoren hoger op Google en geven een betere gebruikerservaring. Om deze redenen zijn we continu bezig met browser cachen en het optimaliseren van afbeeldingen. Daarnaast maken we gebruik van CDN, voegen we onze scripts en stylesheets samen en ga zo maar door.

Met de komst van HTTP / 2 zijn veel van deze trucjes echter niet meer nodig!

HTTP/2 maakt het internet sneller

Sinds 1999 communiceren browsers en servers met elkaar via het HTTP/1.1 protocol. Kenmerk van dit protocol is dat voor ieder component op de webpagina een nieuw HTTP-verzoek moet komen om de betreffende informatie te downloaden.

Gezien de eisen die de huidige internetbezoeker aan het internet stelt, is dit protocol niet langer houdbaar. Daarom werd vorige maand HTTP/2 als officiële opvolger van HTTP/1.1 bekendgemaakt.

Het doel van dit nieuwe protocol is om het internet sneller te maken, door efficiënter gebruik te maken van de onderliggende netwerkverbindingen. Om dit voor elkaar te krijgen, zet HTTP/2 onder andere de volgende middelen in:

Multiplexing
Browsers kunnen met het nieuwe protocol meerdere HTTP-verzoeken tegelijkertijd naar de webserver sturen. Daarnaast kunnen webservers aan meerdere verzoeken tegelijkertijd voldoen. Dit vermindert het aantal actieve connecties aanzienlijk en resulteert in snelheidswinst.

Server push
In plaats van af te wachten tot de browser een bepaald component opvraagt, stuurt de server proactief componenten toe.

Header compressie
Het nieuwe protocol maakt HTTP-headercompressie mogelijk.

Stream dependencies
De browser kan aan de server doorgeven welke componenten belangrijker zijn dan anderen. Zodoende kan het zelf de volgorde bepalen.

Verzendt informatie binair in plaats van textueel
Binaire informatie is de moedertaal van computers. Alhoewel dit middel niet per se is opgenomen om een sneller internet te bewerkstellingen, leidt het gebruik van binaire informatie wel tot minder fouten.

Werkt goed met beveiligde verbindingen
Via het tls-protocol gaat HTTP/2 efficiënter om met encryptie.

Wat betekent dit voor jouw website?

De komst van HTTP/2 maakt vele trucjes om je website sneller te maken, overbodig. Zo hoef je geen CSS-stylesheets of Javascripts meer samen te voegen, het aantal plugins te reduceren of Javascript onderaan je pagina te zetten. Dit betekent dus dat je minder tijd (en geld) hoeft te spenderen aan website optimalisatie.

Toch zijn er een aantal taken die je nog steeds kunt (laten) uitvoeren, omdat ze nog steeds nuttig zijn. Ik denk aan de volgende acties:

Browser caching
Alhoewel “Server Push” een groot deel van de componenten cached, kan expiratie van bepaalde elementen toch nog handig zijn.

Minificeren
Het minificeren leidt nog altijd tot minder data en is dus goed om te blijven doen.

Comprimeren
Net als minificeren leidt comprimeren tot minder data.

Het optimaliseren van afbeeldingen
Kleinere afbeeldingen die in het juiste format zijn gegoten, reduceren de hoeveelheid data.

Gebruik maken van een Content Delivery Network (CDN)
Internationaal gerichte websites kunnen nog steeds voordeel behalen door hun content dichter bij de gebruiker te plaatsen.

Browser- en serverondersteuning

Nu de voordelen van HTTP/2 bekend zijn, rijst de vraag welke browsers en servers al met het nieuwe protocol werken.

Op dit moment maken de huidige versies van Chrome, Firefox, Opera, Opera Mobile, Chrome for Adroid en Firefox for Android volledig gebruik van HTTP/2. IE doet dit gedeeltelijk. De verwachting is dat EDGE en Safari snel zullen volgen. Grote kans dat je HTTP/2 dus nu al gebruikt!

Voor wat betreft de servers werken bijvoorbeeld Apache, Nginx en IIS al met het nieuwe protocol.

Wil je een complete lijst inzien en wil je op de hoogte blijven van alle browsers en servers die HTTP/2 (gaan) ondersteunen? Dan raad ik je aan het implementatieschema van Mark Nottingham goed in de gaten te houden!

Bronnen:
Tweakers.com (2015). Standaardenorganisatie publiceert officieel http/2-standaard.
Akamai.com (2015). HTTP/2 is the future of the Web, and it is already here!
Zoompf.com (2015). HTTP/2: A Fast, Secure Bedrock for the Future of SEO.
Engadget.com (2015). What you need to know about HTTP/2.