Een bezoeker die op zijn telefoon je openingstijden zoekt, wacht niet lang. Laadt de pagina traag, dan gaat hij terug naar de zoekresultaten en kiest de volgende kapsalon of installateur. Snelheid is geen technisch detail, het is de eerste indruk.
Hoe Google snelheid meet, met LCP, INP en CLS, lees je in ons artikel over Core Web Vitals. Hier gaat het om de praktijk: welke onderdelen een website traag maken en wat je eraan kunt doen.
Afbeeldingen: meestal de grootste winst
Op de meeste trage websites zijn foto’s het zwaarste onderdeel. Een foto van de telefoon of camera is vaak vele malen groter dan nodig voor een scherm. De browser downloadt dan het hele bestand, ook als het maar als klein plaatje wordt getoond.
- Juiste afmeting: lever een foto niet breder aan dan hij op het scherm wordt getoond, en geef telefoons een kleinere versie dan grote schermen.
- Modern formaat: WebP en AVIF zijn bij dezelfde kwaliteit doorgaans flink kleiner dan JPEG of PNG.
- Later laden: foto’s onderaan de pagina hoeven pas te laden als de bezoeker ernaartoe scrolt. De grote foto bovenaan juist niet: die moet zo snel mogelijk komen.
- Vaste afmetingen: geef elke afbeelding een breedte en hoogte, zodat de tekst niet verspringt als de foto binnenkomt.
Een restaurant met een fotogalerij van gerechten of een hotel met kamerfoto’s wint hier het meest. Je kunt het zelf controleren: bekijk in je beheeromgeving hoe groot de bestanden zijn die je uploadt.
Lettertypes en scripts van derden
Lettertypes
Elk lettertype en elke variant (normaal, vet, cursief) is een apart bestand dat de browser moet ophalen. Gebruik één of twee lettertypes met alleen de varianten die je echt nodig hebt. Zorg dat de tekst al zichtbaar is in een standaardletter terwijl het eigen lettertype laadt, zodat de bezoeker niet naar een lege pagina kijkt.
Scripts van derden
Een chatwidget, een ingesloten kaart, een video, advertentiepixels, een recensieblok en statistieken: elk ervan laadt code van een andere partij, met een eigen server en een eigen snelheid. Samen zijn ze vaak trager dan de website zelf.
- Maak een lijst: noteer welke externe diensten op je website draaien en waarom.
- Schrap wat niets oplevert: een pixel van een campagne die al lang is gestopt, kan weg.
- Laad de rest later: een kaart of video kan pas laden als iemand erop klikt.
- Wacht op toestemming: scripts die volgen of meten laad je pas na toestemming, zoals de cookieregels voorschrijven.
Caching en de afstand tot de bezoeker
Bij caching bewaart de browser of een tussenliggende server een kopie van een bestand, zodat het bij een volgend bezoek niet opnieuw van ver hoeft te komen. Logo’s, lettertypes en opmaakbestanden veranderen zelden en kunnen lang bewaard blijven. Krijgt zo’n bestand een nieuwe versie, dan geef je het een nieuwe naam, zodat de bezoeker toch direct de nieuwe ziet.
Afstand telt ook. Elk verzoek reist van de telefoon naar de server en terug. Staat die server ver weg, dan kost elke stap extra tijd. Hosting die kopieën van je website op meerdere plekken bewaart, dicht bij de bezoekers, haalt dat weg. Voor een bedrijf met vooral Nederlandse klanten betekent dit in elk geval: een server in of dicht bij Nederland.
Vooraf gebouwde pagina’s
Veel websites stellen een pagina pas samen op het moment dat iemand hem opvraagt: de server haalt tekst uit een database, voegt onderdelen samen en stuurt het resultaat. Dat kost bij elk bezoek tijd, en hoe drukker het is, hoe langer.
Een vooraf gebouwde pagina is al klaar voordat de bezoeker komt. De server hoeft alleen een bestand te versturen. Dat is sneller, stabieler bij drukte en er draait minder code die kan haperen. Interactieve onderdelen, zoals een boekingsscherm of een bestelknop, laad je er alleen bij waar ze nodig zijn.
Hoe meet je of het beter wordt?
Meet vóór je iets verandert. Test een paar belangrijke pagina’s (de homepage, een dienstenpagina en de pagina waar mensen boeken of bestellen) met PageSpeed Insights, zowel mobiel als op de computer. Verander daarna één ding tegelijk en meet opnieuw. Kijk ook naar je eigen cijfers, zoals het aantal aanvragen of bestellingen, want daar gaat het uiteindelijk om.
Hoe wij het doen
De websites die we bouwen bestaan uit vooraf gebouwde pagina’s, met afbeeldingen in de juiste maat en formaat, weinig externe scripts en hosting dicht bij de bezoeker. Via hosting en beheer houden we dat zo: nieuwe foto’s en onderdelen gaan door dezelfde controles, zodat de site na een jaar niet ongemerkt trager is geworden.
Veelgestelde vragen
Waarom is mijn website op de telefoon trager dan op de computer?
Telefoons hebben minder rekenkracht en vaak een tragere verbinding. Zware foto’s en veel scripts merk je daar het eerst. Test daarom altijd ook de mobiele versie.
Wat levert het meeste op als ik weinig tijd heb?
Meestal de afbeeldingen: kleiner maken, een modern formaat gebruiken en foto’s onderaan de pagina later laden. Daarna het opruimen van scripts van derden.
Moet ik een nieuwe website laten bouwen om snel te worden?
Niet altijd. Afbeeldingen en scripts kun je vaak op je huidige site verbeteren. Wordt elke pagina bij elk bezoek opnieuw samengesteld en blijft hij traag na die stappen, dan is een nieuwe opzet het overwegen waard.