Search25.04.2017

​Betere SEO met HTTP/2; yay or nay?


Probeer je al een tijdje om je website sneller te maken, maar blijft het gewenste resultaat uit? Denk dan eens aan het implementeren van HTTP/2.

Onlangs sprak Fili Wiese op Friends of Search over technische mogelijkheden om de laadtijden van websites te verbeteren. Eén van de verbeteringen die hij aandroeg is het implementeren van HTTP/2.

Momenteel gebruikt slechts 12,9 % van de websites HTTP/2.

Veel websites maken nog geen gebruik van dit protocol dus liggen er (SEO-)kansen voor websites die er wél mee geoptimaliseerd zijn. Om te begrijpen waarom dat zo is, is het handig om nog even de basis door te nemen:

Wat is HTTP?

HTTP staat voor Hypertext Transfer Protocol, een serie regels voor het uitwisselen van bestanden tussen de browser en een server. Aan de hand van verzoeken (requests genaamd) en antwoorden (responses).

Een voorbeeld van een dergelijke interactie is dat er een afbeelding of ander pagina-element geladen moet worden. Wat business as usual is, maar iedere request aan de server kost tijd en kán dus ten koste gaan van de laadtijd en gebruikservaring.

Wat is nieuw in HTTP/2?

HTTP/2 is de update van HTTP 1.1 Met direct goed nieuws: voor de implementatie ervan hoef je bestaande websites niet aan te passen.

Het grote verschil zit hem in de manier hoe de data wordt neergezet en verstuurd tussen de browser en server. In plaats van dat de browser voor iedere actie een request aan de server stuurt (pull), stuurt de server na één request álle data mee (push) naar de browser.

Als de server bijvoorbeeld ziet dat iemand een artikel wil lezen, ‘weet’ de server dat er ook die afbeelding bij hoort. Voorheen werden die elementen per stuk aangevraagd. Door ze te bundelen, reduceert het aantal requests en responses aanzienlijk.

Als je dat visueel weergeeft, ziet dat er zo uit:

<i>Bron: Cloudflare Blog</i>
Bron: Cloudflare Blog

Als je dit nog aantrekkelijker wil weergeven, is het verschil tussen HTTP/1 en HTTP/2 ook zo te verbeelden:

<i>Bron: Kinsta</i>
Bron: Kinsta

Lekker snel! En het is bij HTTP/2 niet meer nodig om Javascripts, CSS en afbeeldingen te comprimeren. Sterker nog, het kan zelfs schadelijk zijn voor de werking van de website.

Keep alive versus HTTP/2

De werking van HTTP/2 doet misschien een beetje denken aan ‘Keep alive’, maar dat werkt net weer wat anders.

Keep alive zet een constante verbinding tussen de server en browser op, waardoor de browser niet steeds ‘op de serverdeur hoeft te kloppen’ om data op te vragen. Dit scheelt al in de laadtijd, maar het kan nog sneller met HTTP/2.

Daar wordt immers alle data die nodig is voor het laden van die specifieke pagina in één keer (synchroon) ingeladen.

Voordelen van HTTP/2:

  • Er zijn geen aanpassingen aan de huidige site nodig. HTTP/2 is compatibel met HTTP/1.
  • Taken stapelen (multiplexing genaamd); HTTP/2 kan meerdere requests (asynchroon) in 1 verbinding doorsturen, terwijl HTTP/1 per request 1 verbinding moet opzetten.
  • Proactief pushen en prioriteren van data; meteen doorsturen van alle elementen die nodig zijn op een pagina te laden, met de belangrijkere elementen voorop.
  • Beperken van RTT’s (round trip times); dit zorgt voor minder requests aan de server, wat weer bijdraagt aan een kortere laadtijd van de pagina.
  • Brede ondersteuning door meestgebruikte browsers als Chrome, Safari, Opera, Firefox, Edge en Internet Explorer.

En een paar nadelen:

  • HTTPS-verbinding; noodzakelijk voor veel browsers die HTTP/2 ondersteunen, is een HTTPS-verbinding. Heeft jouw website geen HTTPS-verbinding, dan zullen gebruikers een andere browser moeten proberen, of ze kunnen je website niet bezoeken.
  • Niet persé sneller; in verschillende tests komt naar voren dat HTTP regelmatig nog sneller is dan HTTP/2 of HTTPS. Als je puur vergelijkt tussen HTTPS en HTTP/2, dan blijkt HTTP/2 wel vaak sneller te zijn. Als je een beveiligde website hebt (een SEO-must), kun je dan ook beter voor het HTTP/2-protocol kiezen.
  • Veiligheidskwesties; omdat deze versie van het protocol nog compatibel moest zijn met de eerste versie, zitten er ook in HTTP/2 nog kwetsbaarheden op het gebied van bijvoorbeeld cookies en encryptie.
  • Compatibility; oudere versies van browsers ‘begrijpen’ mogelijk je website niet, waardoor elementen niet (goed) inladen, wat je mogelijk bezoekers kost.

Eigen tests

De presentatie van Fili Wiese was de inspiratie voor mijn Searchresult-collega Gregory Pinas om op zijn website Provefit.nl te testen wat het effect was van de implementatie van HTTP/2.

Hij heeft meerdere aanpassingen doorgevoerd, om betere prestaties af te dwingen, zoals de toevoeging van een CDN, PHP7 en Cache Content. De resultaten laten een grote verbetering zien:

<i>Voor implementaties \/ na implementaties</i>.
Voor implementaties / na implementaties.

In bovenstaande screens is het effect van HTTP/2 duidelijk zichtbaar. In de rechterafbeelding (HTTP/2) is de communicatie tussen server en browser veel efficiënter ingericht.

<i>Voor implementaties</i>.
Voor implementaties.
<i>Na implementaties</i>.
Na implementaties.

De laadtijd van de website (eerste bezoek) is van iets meer dan 15 seconden naar ongeveer 4 seconden gegaan en nog opmerkelijker: de first byte is van 4,5 seconden naar 0,31 seconden gegaan.

Tot besluit is het aantal requests van 89 naar 57 gegaan. Dit zijn gigantische stappen, die de gebruikers van de website (en dus ook zoekmachines) zeker weten waarderen.

Conclusie

HTTP2 kan een zeer nuttige toevoeging zijn voor websites die op HTTPS-verbinding draaien. In onze eigen tests was de verbetering groot.

De moeite waard om je er eens in te verdiepen en ermee te testen op je eigen website.

Bovendien heeft de laadsnelheid van je pagina ook nog eens direct invloed op de conversieratio van je website.

Yay!

[Afbeelding © zakokor – Fotolia]

​Meer dan helft websiteverkeer is versleuteld met HTTPSDe verborgen schatten van HTML5 & CSS3
Jeroen de Hooge

Jeroen is al meer dan 15 jaar betrokken bij Dutchcowboys. Voornamelijk als digital content creator. En dan voor alle titels van The Blogidea Factory. Liefhebber van advertising, entertainment, tech, gadgets, en eigenlijk alles online.

Deel dit artikel
...

Verder lezen over SEO

HubSpot komt met gratis tool voor AI zoekoptimalisatie

Consumenten en bedrijven kiezen steeds vaker voor AI-toepassingen om online antwoorden te vinden op hun vragen. Het gebruik van tools als ChatGPT voor zoekfuncties is zelfs met 37% gestegen, terwijl het gebruik van traditionele zoekmachines met 11% is gedaald.* Marketeers die zich tot nu toe hebben gericht op Search Engine Optimization (SEO) om hun merk goed in beeld te brengen, zullen zich nu (ook) moeten specialiseren in een nieuw vak: Language Model Optimization (LMO).

Marketing22.08.2024

HubSpot komt met gratis tool voor AI zoekoptimalisatie
SEO bureau vs in-house: de voor- en nadelen

Wanneer je overweegt om te investeren in zoekmachineoptimalisatie (SEO), sta je voor een belangrijke keuze: ga je de SEO-activiteiten in-house uitvoeren of schakel je een gespecialiseerd SEO bureau in? Beide opties hebben hun eigen voor- en nadelen. In dit artikel bespreken we de belangrijkste factoren om rekening mee te houden, zodat je een weloverwogen beslissing kunt nemen.

Search13.08.2024

SEO bureau vs in-house: de voor- en nadelen
Wat we hebben geleerd uit het grote Google Zoeken-lek

Google zal er ongetwijfeld zijn algoritme nog op gaan aanpassen, maar dit zijn de belangrijke dingen die we hebben geleerd uit de lekkage bij de zoekmachinegigant.

Search03.06.2024

Wat we hebben geleerd uit het grote Google Zoeken-lek
Kleine websites zullen verdwijnen door Google’s nieuwe update

Google wil minder commercie en meer experts naar voren schuiven in zijn laatste grote algoritme-update van Google Zoeken. Maar lukt dat ook?

Search28.05.2024

Kleine websites zullen verdwijnen door Google’s nieuwe update
SEO-tip: 5 dingen die veranderen in de Google-zoekmachine

Google heeft een core update aangekondigd en dat betekent dat er wat staat te veranderen voor vele pagina’s op het internet. De belangrijkste verandering zit hem vooral in het opsporen van pagina’s die niet waardevol...

Search07.03.2024

SEO-tip: 5 dingen die veranderen in de Google-zoekmachine
​Dit zijn de linkbuilding trends voor 2024

Een nieuw jaar staat voor de deur en dat betekent dat er weer nieuwe kansen zijn. Tijd voor nieuwe samenwerkingen of het verstevigen van bestaande relaties. Samen internet impact maken, dat doe je bijvoorbeeld met linkbu...

DC Business18.12.2023

​Dit zijn de linkbuilding trends voor 2024
Wat de verminderde vertoning van FAQ-snippets in zoekresultaten voor jouw SEO betekent

In een recente ontwikkeling, gepubliceerd op 8 augustus 2023, heeft Google aangekondigd dat er minder rich snippets van het FAQ- en HowTo-formaat vertoond zullen worden in de Google Zoekresultaten. Deze verandering heeft...

Search15.08.2023

Wat de verminderde vertoning van FAQ-snippets in zoekresultaten voor jouw SEO betekent
​Zo werken bedrijven aan hun online vindbaarheid

De laatste jaren hebben bedrijven hun concurrentie fors zien toenemen, met name op het internet. In de basis heeft iedere ondernemer de mogelijkheid een website te bouwen, om vervolgens consumenten weg te trekken bij bes...

Online21.05.2023

​Zo werken bedrijven aan hun online vindbaarheid

Verder lezen over Website

Online poker wordt nu al gedomineerd door AI

Online poker is groot, maar voor zowel pro’s als recreatieve spelers wordt het een stuk minder leuk en interessant met AI erbij.

Online23.09.2024

Online poker wordt nu al gedomineerd door AI
Booking wordt flink aangepakt: dit is waarom de reissite onder vuur ligt

Booking.com gaat de laatste tijd niet heel lekker. De EU heeft een oogje op het bedrijf en nu geven de Spanjaarden zelfs al een boete.

Online31.07.2024

Booking wordt flink aangepakt: dit is waarom de reissite onder vuur ligt
De allerlelijkste website van 2024 wil geen restyle

De lelijkste website van 2024 kun je bijna niet meer gemaakt krijgen in 2024: de programma’s die je kunt gebruiken om sites te maken zijn simpelweg veel te goed geworden, daarmee kun je een gedrochtje als deze er niet meer uit weten te halen.

Online04.07.2024

De allerlelijkste website van 2024 wil geen restyle
Deze websites zijn genomineerd voor lelijkste website van het jaar

Websites met Comic Sans, of gekke kleurencombi's. Je kunt nu stemmen op de website die jij eruit vindt springen op het gebied van lelijkheid.

Online29.05.2024

Deze websites zijn genomineerd voor lelijkste website van het jaar
Veelgemaakte fouten bij het bouwen van een website en hoe ze te vermijden

In het digitale tijdperk kan het bouwen van een effectieve website een uitdaging zijn. Dit artikel belicht veelgemaakte fouten tijdens het ontwikkelen van websites en biedt oplossingen om ze te vermijden.

Online29.04.2024

Veelgemaakte fouten bij het bouwen van een website en hoe ze te vermijden
Steeds meer mensen twijfelen aan de waarheid van online informatie

In 2023 heeft 67 procent van de bevolking van 12 jaar of ouder aangegeven op internet informatie gezien of gelezen te hebben die volgens hen niet waar was, of waarbij ze twijfelden aan de waarheid ervan.

Nieuws11.04.2024

Steeds meer mensen twijfelen aan de waarheid van online informatie
​Dit zijn de linkbuilding trends voor 2024

Een nieuw jaar staat voor de deur en dat betekent dat er weer nieuwe kansen zijn. Tijd voor nieuwe samenwerkingen of het verstevigen van bestaande relaties. Samen internet impact maken, dat doe je bijvoorbeeld met linkbu...

DC Business18.12.2023

​Dit zijn de linkbuilding trends voor 2024
​Zo bizar veel geld harkt OnlyFans binnen

OnlyFans: niemand ‘kent’ het, maar toch harkt de website per jaar een bizarre 5,6 miljard dollar binnen. Het platform waarop influencers en andere persoonlijkheden erotische content delen tegen betaling vindt gretig...

Online25.08.2023

​Zo bizar veel geld harkt OnlyFans binnen