Performance van een Gatsby website uitgelegd aan de hand van het voorbeeld van het afspelen van een You Tube filmpje.e

Super snelle websites met Gatsby!

Iedereen weet dat webperformance heel belangrijk is. Hoe sneller jouw website op een mobiel laadt, des te meer mensen worden verleidt tot een actie, die je uiteindelijk geld oplevert. Denk aan het drukken op de knop, waarbij de klant een offerte aanvraagt of een aankoop in een webshop doet. Gatsby is supersnel omdat het een hoop van deze performance optimalisaties al standaard voor je doet. Zodat jij daar überhaupt geen tijd aan hoeft te besteden. Volgens Gatsby melden gebruikers, die op Gatsby zijn overgestapt versnellingen tussen de 3 x en 10x. Niet gek toch?

Websites laden als een YouTube filmpje.

Om dit te verduidelijken maakt een van de programmeurs van Gatsby de volgende vergelijking. Hij vergelijkt het laden van een Gatsby website met het bekijken van een YouTube filmpje. De kijker druk op de play knop. Hij bekijkt het filmpje en ondertussen begint YouTube alvast met het laden van de inhoud van het filmpje in een buffer. Zodat deze direct beschikbaar is als de kijker zover is. Gatsby doet precies het zelfde met de inhoud van webpagina´s.

Gatsby geeft voorrang aan wat zichtbaar is

Zo worden afbeeldingen buiten het zicht langzaam ingeladen, zodat de gebruiker wanneer hij naar de afbeelding scrolt deze meteen ziet. Wat echt direct zichtbaar is wordt met voorrang gedownload, zodat de gebruiker een optimale beleving heeft van de website. Bij links naar andere webpagina´s begint Gatsby de inhoud van de webpagina alvast te downloaden zodra de link in zicht komt van de gebruiker. Bij een daadwerkelijke klik op de link, wordt de inhoud van die webpagina dan meteen getoond. Waardoor de gebruiker dit als razend snel laden ervaart.

Getoonde pagina´s worden vooraf opgebouwd

Gatsby bouwt in tegenstelling tot andere websitebouwers zijn pagina´s aan de kant van de server op. Daarna worden ze in geheel aan de gebruiker getoond. Deze zogenaamde statische HTML pagina´s maken Gatsby super snel. Bijkomend voordeel. Je kunt deze webpagina´s overal opslaan zodat je in principe geen server nodig hebt. Ook kun je ze op een content delivery netwerk plaatsen. Dit is een wereldwijd netwerk van servers, die met elkaar in verbinding staan. Deze servers slaan kopieën op van jouw statische website. De dichtstbijzijnde server toont dan jouw website aan de gebruiker. Dat maakt alles ook weer razend snel.

Meer weten, neem dan contact op.

Als je een voorbeeld wilt zien van hoe een Gatsby website er uit kan zien kijk dan naar https://bewustsociaalopweb.nl. Mijn website laadt 1,2 sec op een mobiel bij een 4G netwerk. Google stelt 1 sec als optimaal. Er staan blogs en foto´s op. Bovendien zijn er mogelijkheden  om leads te genereren. Als je wilt is een heel interactieve website met marketing en verkoopopties heel goed mogelijk. Wil je ook een super snelle website, neem dan contact met me op.

Iwan Koenderman

!Bewust sociaal op web

info@bewustsociaalopweb.nl

Logo van !Bewust sociaal op web | Bereik klant online!