De positieve impact van goede websiteprestaties op je bedrijf.

Wat is website performance? #

Beginnen met een concreet voorbeeld. De gemiddelde tijd die een websitegebruiker bereid is te wachten, is twee seconden — ongeveer zo lang als het kostte om deze zin te lezen. Dat klinkt kort, maar als je door een website navigeert en producten bekijkt, wil je in een flow blijven: de website moet soepel laden. Duurt het te lang, dan sluit je het tabblad. Je vertrekt zonder actie te ondernemen. Snelheid is dus belangrijk voor web performance, maar er is meer.

Bij Iron/Out bedoelen we met website performance optimalisatie eigenlijk: een goede gebruikerservaring bieden. Dat kan de ervaring op de website als geheel zijn, maar ook per specifieke pagina. In dat geval spreken we van page experience. Google introduceerde drie basismetrieken, de 'Core Web Vitals', om goede gebruikerservaring objectief te meten:

• Largest Contentful Paint (LCP), die laadprestaties meet. Voor een goede gebruikerservaring moet de LCP binnen 2,5 seconden na het starten van het laden van de pagina plaatsvinden.
• First Input Delay (FID), die interactiviteit meet: hoe snel reageert een website op acties van de gebruiker? Voor een goede gebruikerservaring streef je naar een FID van minder dan 100 milliseconden.
• Cumulative Layout Shift (CLS), die visuele stabiliteit meet. Voor een goede gebruikerservaring moet de CLS-score lager zijn dan 0,1.

Naast de Core Web Vitals zijn er andere Web Vitals, zoals Time to First Byte (TTFB) en First Contentful Paint (FCP). Beide zijn cruciale aspecten van de laadervaring en nuttig bij het diagnosticeren van LCP-problemen. Verder zijn Total Blocking Time (TBT), Interaction to Next Paint (INP) en Time to Interactive (TTI) waardevol voor het opsporen en diagnosticeren van potentiële interactiviteitsproblemen die FID beïnvloeden. Dit zijn de maatstaven van Google, maar performance kun je ook aflezen uit analytics: een hoge bounce rate, weinig doorklikken, een korte tijd op de pagina of veel vroegtijdige exits zijn allemaal signalen dat er iets niet klopt.

Al deze metrics streven ernaar om website performance objectief te meten, maar dat zegt nog niets over hoe gebruikers performance ervaren.

De uitdaging van veeleisender wordende gebruikers #

Gebruikers worden steeds ongeduldig met websites die traag laden. Dat komt deels doordat ze gewend zijn geraakt aan directe bevrediging via platforms als Facebook, Twitter en Instagram. Die platforms presteren technisch ook erg goed — ze zetten een standaard die mensen overal verwachten. Zelfs als een website niet snel laadt, moet hij er zo snel mogelijk goed uitzien, want elke milliseconde telt.

Daar komt nog bij dat website-eigenaren hun bezoekers een rijkere ervaring willen bieden door visueel aantrekkelijke content te ontwerpen en te implementeren. Dit creëert een extra uitdaging: websites nemen snel toe in bestandsgrootte.

(Bron: HTTP Archive State of the Web)

Kortom: gebruikers stellen steeds hogere eisen aan laadsnelheid, terwijl websites steeds groter worden. Dat creëert een probleem voor developers dat niet altijd technisch op te lossen is.

Hoe ervaren gebruikers performance? #

Naast de technische metrics zijn er ook gebruikersgerichte metrics. Zelfs als een website goed scoort op technische metingen, kan die nog traag aanvoelen. Dat komt omdat het niet alleen om snelheid gaat, maar ook om visuele aspecten zoals animaties, overgangen en hoe vloeiend alles verloopt. Soms kan een developer de feitelijke snelheid niet verder verhogen, maar wél aanpassen hoe de website aanvoelt. Een voorbeeld: bij het laden van een pagina is het beter om de tekst zo snel mogelijk te tonen, terwijl andere resources zoals afbeeldingen kunnen wachten. Door de volgorde van laden aan te passen, kun je de waargenomen web performance verbeteren.

Website performance optimalisatie heeft zowel een objectieve als een subjectieve kant, en beide verdienen aandacht. De website hoeft niet per se sneller te laden; hij moet sneller voelen. Dat voorkomt soms de noodzaak van ingewikkelde technische oplossingen.

Bij Iron/Out krijgen we regelmatig vragen van bedrijven die voldoende scoren op prestatietests maar waarvan de website er traag uitziet en aanvoelt. Onze technical lead Sander van Surksum is gespecialiseerd in dit soort vraagstukken. Een uitgebreide performance audit brengt dit soort problemen aan het licht.

Wat is het verband tussen website performance en commerciële resultaten? #

In een onderzoek uit 2020 analyseerde Deloitte de mobiele websitedata van 37 retail-, luxe-, leadgeneratie- en reismerken in Europa en de Verenigde Staten. De conclusie: als een website slechts 0,1 seconde sneller zou laden, leidt dat tot:

• Meer paginaweergaven per sessie.
• Een lagere bounce rate.
• Een verbetering van de klantbetrokkenheid.
• Uiteindelijk een hogere conversie, in sommige gevallen meer dan 10%.

Elke 0,1 seconde telt, maar zodra een reactie meer dan 1 seconde duurt, haken mensen af, zoals de tabel uit het onderzoek hieronder laat zien. Boven de 10 seconden zijn de problemen te groot en is het verlaten van de website vrijwel zeker.

De vier effecten die Deloitte identificeerde, sluiten aan bij onze eigen ervaringen. Wij zien daarnaast nog andere positieve effecten bij websites met een goede page experience:

• Meer vertoningen in Google Zoeken, mede omdat Google goed presterende websites beloont.
• Een langere gemiddelde sessieduur.
• Gebruikers keren vaker terug.
• Meer kliks op elementen en doorklikken.
• Hogere advertentie-inkomsten.
• Lagere serverkosten door minder verzoeken en kleinere paginaformaten.

Veel van de bovengenoemde metrics gelden als belangrijke zakelijke KPI's. In sommige gevallen worden ze gebruikt om commerciële resultaten te voorspellen of te verklaren — denk aan de conversie van bezoeker naar lead, aanmelding of aankoop, op basis van vertoningen, bounce rate, paginaweergaven, tijd op pagina, terugkeerfrequentie en betrokkenheid. Medewerkers aan de commerciële kant van een bedrijf monitoren deze metrics dan ook regelmatig. Toch zien we dat concrete acties om deze metrics te verbeteren niet altijd vanzelfsprekend zijn. Bedrijven die wél actie ondernemen, zien resultaten zoals:

• Bij Farfetch stijgt de webconversie met 1,3% per verlaging van 100ms in de Largest Contentful Paint (LCP).
• The Economic Times haalde de Core Web Vitals-drempelwaarden en realiseerde een 43% betere bounce rate.
• Door de Web Vitals van echte gebruikers te meten, ontdekte Rakuten 24 dat een goede Largest Contentful Paint (LCP) kan leiden tot een conversiestijging van 61,13%.
• Renault stelde vast dat een verbetering van 1 seconde in LCP leidt tot een daling van de bounce rate met 14 procentpunten en een stijging van de conversies met 13%.

Nog niet overtuigd? Je kunt meer cases lezen op Web.dev of WPO stats. Een voorwaarschuwing: er zijn er veel, en de meeste sluiten aan bij de resultaten die wij bij onze eigen klanten zien.

Conclusie: het succes van elk digitaal initiatief hangt sterk samen met snelheid, zeker voor e-commerce en transactionele websites. Zelfs een fractie, een milliseconde aan performanceverbetering, kan een grote positieve impact hebben op je commercieel succes. Zet web performance dus hoog op je prioriteitenlijst. Maar hoe meet je de performance van een website?

Welke tools kun je gebruiken om web performance te meten? #

Performance kun je niet verbeteren zonder het te meten. Meten levert de metrics op waarmee je de kwaliteit van je app, site of webservice beoordeelt. Er zijn veel tools beschikbaar voor de snelheid en andere aspecten van je website. Naast de tools van Google zijn er ook uitgebreidere tools met een andere focus.

Voordat we ingaan op de tools zelf, is het belangrijk te weten dat er twee manieren zijn om website performance te meten:

• In een lab-setting waarbij een bezoeker of websiteverkeer wordt gesimuleerd in een gecontroleerde omgeving. Lab-testing (ook wel synthetisch testen of synthetische monitoring) is handig wanneer je factoren zoals locatie, netwerk, apparaat of andere omstandigheden wilt beheersen, zodat elke testrun reproduceerbaar is.
• In een veld-setting met real-user monitoring (RUM). Met RUM worden gegevens verzameld van alle gebruikers, waardoor je echte bedrijfsmetrics kunt koppelen aan performance-metrics en andersom.

Enkele lab-testtools die wij graag gebruiken:

• Google PageSpeed Insights (voor Lighthouse)
• GTMetrix
• Treo.sh
• PageSpeed.compare

De RUM-testtools waar wij de voorkeur aan geven:

• Mpulse (Akamai)
• Dynatrace
• Catchpoint
• SpeedCurve
• Google PageSpeed Insights (voor de Core Web Vitals)

Afhankelijk van de data die we willen ophalen, gebruiken we doorgaans een combinatie van twee à drie tools per opdracht. De grotere commerciële websites waarmee we werken, maken vaak al gebruik van één van de genoemde tools, zoals het gebruiksvriendelijke en populaire SpeedCurve.

Conclusies #

Websites nemen toe in bestandsgrootte, terwijl gebruikers steeds hogere eisen stellen aan laadtijden. Een goede ervaring bieden via een goed presterende website wordt daardoor steeds uitdagender. Toch loont het om web performance hoog op de agenda te zetten, want elke milliseconde verbetering kan een aanzienlijk effect hebben op de commerciële performance, zoals conversieratio's.

Bij Iron/Out helpen we bedrijven bij het beoordelen van website performance én bij het oplossen van performance-problemen. Wil je weten hoe je website er nu voor staat? Test hem met onze tool op onze homepage. Scoort je website goed? Dan helpen we je dat zo te houden door regressie te voorkomen. Scoort je website matig? Dan verbeteren we hem totdat hij voldoende presteert. Heb je vragen, neem dan gerust contact op.