Alle blogs 11 - 8 - 2021

Website performance - Waarom het zo belangrijk is

Website performance - Waarom het zo belangrijk is

We leven in een wereld waarin alles zo snel mogelijk moet gebeuren. Tijd is immers geld en dat wil je niet verspillen. Zeker niet aan het wachten op websites die traag laden. Waarom zou je immers wachten op een webwinkel, wanneer je bij de concurrent al bijna in het afrekenproces zou zitten? Website performance is vandaag de dag dan ook belangrijker dan ooit en in dit blogbericht legt Stapp1Solutions je uit waarom dat zo is.

Wat houdt website performance in?

Website performance is de term die gebruikt wordt om aan te duiden hoe je website presteert. Dit houdt voornamelijk in hoe hoog de Page Speed, of de laadtijd, van je webpagina’s is. Wanneer je een website bezoekt, duurt het namelijk altijd eventjes voordat je de website te zien krijgt en voordat je verder kunt scrollen of ergens op kunt klikken. Voor website performance worden een aantal criteria gehanteerd. Over het algemeen hebben we het over de laadtijd van een pagina als de pagina volledig geladen is. De snelheid van een webpagina is echter ook af te lezen aan andere criteria. Zo heb je de Time To First Byte, die de tijd aangeeft die er tussen het eerste verzoek van de gebruiker aan de webserver en het eerste beetje informatie die de server teruggeeft, in zit. Hiermee meet je dus de latency van de webserver. Daarnaast heb je ook de Time To Start Render, die aangeeft hoe lang het duurt voordat de bezoeker voor het eerst iets op zijn scherm ziet staan. Tot slot heb je nog de Time To Interactive, die aangeeft hoe lang het duurt voordat de bezoeker voor het eerst interactie kan hebben met de webpagina, zoals scrollen of iets aanklikken. Al deze criteria zijn van belang wanneer je de performance van je website wilt gaan onderzoeken en vervolgens ook wilt gaan verbeteren.

Een belangrijke tool om je website performance te meten en verbeteren is Lighthouse. Lighthouse is een open-source tool van Google die de performance van een website meet en uitdrukt in een percentage. Hoe hoger het percentage, hoe beter je website presteert en hoe hoger je dus gerangschikt wordt door Google. Lighthouse checkt je website op performance, accessibility, best practices, SEO en eventueel de prestaties van je PWA. Vervolgens geeft Lighthouse per onderdeel een score en een totaalscore voor de algehele performance op basis van de verschillende onderdelen. Naast in cijfers uitgedrukt zien hoe goed je performance is, heeft Lighthouse nog een andere erg waardevolle functie. De tool laat namelijk ook zien waar je steken laat vallen en wat je dus moet verbeteren om je score te kunnen verhogen. Lighthouse is dus ook voor Stapp1Solutions een onmisbare tool tijdens het ontwikkelen van websites.

Wat houdt website performance in?

Waarom hecht men zoveel waarde aan performance?

De performance van een website is natuurlijk ontzettend belangrijk, maar waarom hecht men hier zoveel waarde aan? Een goede performance is een groot onderdeel van de gebruikerservaring, of UX, van je website. Hoe snel je webpagina’s laden, vormt namelijk een groot deel van de eerste indruk die een bezoeker heeft die voor het eerst op je website komt. Uit onderzoek is gebleken dat bezoekers van websites absoluut niet houden van trage pagina’s. Zo geeft het gros aan niet langer dan drie seconden te willen wachten op een pagina, voordat ze naar een andere website willen navigeren. Om die reden geeft Google dan ook als richtlijn dat een pagina binnen twee seconden geladen moet zijn. Drie seconden wachten op een webpagina lijkt op het eerste gezicht misschien niet lang, maar toch heeft het onbewust een grote impact op de gebruikerservaring van een bezoeker. Zeker voor webwinkels is dit belangrijk. Onderzoek wijst namelijk uit dat webwinkels die een halve seconde sneller laden, tot wel tien procent meer verkopen. Daarnaast betekent een hogere performance ook een betere SEO. Hierdoor wordt je website hoger gerangschikt binnen Google en kun je dus beter worden gevonden door potentiële klanten.

Waarom hecht men zoveel waarde aan performance?

Web performance optimisation - Hoe gaat het in zijn werk?

Goed, je weet dus nu wat performance inhoudt, waarom het zo belangrijk is en hoe je het kunt meten. Maar hoe ga je nu te werk om je website te verbeteren? Het verbeteren van de snelheid van je website wordt ook wel web performance optimisation genoemd. Dit is een van de diensten die Stapp1Solutions ook voor jou kan aanbieden. Zo implementeren wij standaard al een aantal best practices tijdens het ontwikkelen van websites en webwinkels. Zo testen wij alles grondig in verschillende browsers en op verschillende schermgroottes. Je bezoekers gebruiken namelijk allerlei verschillende apparaten en software om je website te bezoeken en het is daarom erg belangrijk dat je website op alle mogelijke platformen goed werkt. Daar komt ook een stukje Mobile First development bij kijken. Mobiele apparaten zijn een stuk minder krachtig en dus een stuk trager dan computers, maar worden wel steeds meer gebruikt om te browsen en online te winkelen. Het is dus belangrijk om tijdens het ontwikkelen rekening te houden met deze steeds groter wordende gebruikersgroep. Daarnaast zorgen we er ook voor dat afbeeldingen geoptimaliseerd worden, door de grootte en het afbeeldingstype aan te passen. Hoe compacter de afbeeldingen op een webpagina zijn, hoe sneller deze geladen kan worden. Ook sleutelen we aan de achterkant flink aan de code om deze zo compact mogelijk te maken. Wanneer de code van een webpagina netjes is en geen onnodige onderdelen bevat, zal dit ook van invloed zijn op de laadtijden en performance score van de website. Ook zaken als browser caching om onderdelen van de website niet steeds opnieuw in te hoeven laden en het minimaliseren van redirects, horen allemaal bij web performance optimisation. Zo heeft Stapp1Solutions voor haar klant The Finds middels deze best practices de website met meer dan 75% kunnen versnellen.

Web performance optimisation - Hoe gaat het in zijn werk?