Website traag? Zo vind en los je de oorzaak op

“De website voelt traag.” Dat is een klacht die we vaak horen, en hij is bijna altijd terecht. Maar “traag” kan tien verschillende oorzaken hebben, en de oplossing hangt helemaal af van welke het is. Andere hosting kopen terwijl je afbeeldingen van vijf megabyte zijn, helpt niet.

In dit artikel lees je hoe je meet waar de vertraging zit, wat de meest voorkomende oorzaken zijn, en wat je zelf kunt doen.

Eerst meten, dan pas oplossen

Gebruik Google PageSpeed Insights (pagespeed.web.dev). Vul het adres van je homepage in, en daarna dat van je belangrijkste dienstpagina. Let op drie dingen:

1. Mobiel én desktop. Bezoekers op een telefoon met een matige verbinding merken vertraging het eerst. Begin daar.
2. Gegevens van echte gebruikers. Heeft je site genoeg bezoekers, dan staat bovenaan hoe snel de site voor echte bezoekers laadt. Dat is betrouwbaarder dan de labtest eronder.
3. De suggesties onderaan. Die zeggen per onderdeel hoeveel tijd het kost. Begin bij de bovenste.

Wat de meetwaarden zoals LCP en INP betekenen, lees je in Core Web Vitals uitgelegd voor ondernemers.

De zeven meest voorkomende oorzaken

1. Te grote afbeeldingen

De koploper. Een foto rechtstreeks van een camera of telefoon is vaak vier tot acht megabyte, terwijl er op het scherm een plaatje van een paar honderd kilobyte nodig is. Eén zo’n foto bovenaan de pagina kan de hele laadtijd bepalen.

Oplossing: verklein afbeeldingen naar de maat waarop ze getoond worden, gebruik moderne formaten zoals WebP of AVIF, en laat afbeeldingen die pas verderop staan pas laden als iemand erheen scrolt.

2. Te veel externe scripts

Chatwidgets, advertentiepixels, heatmaps, embedded video’s, social-feeds, lettertypen van externe servers: elk script moet worden opgehaald en uitgevoerd. Vijf losse tools kunnen samen meer vertraging geven dan de hele site zelf.

Oplossing: maak een lijst van alle externe scripts en vraag bij elk: gebruiken we dit nog, en levert het iets op? Wat blijft, laat je pas laden na de rest van de pagina of na toestemming via de cookiebanner.

3. Te veel plug-ins

Bij WordPress-sites zien we geregeld dertig of meer plug-ins. Elke plug-in voegt code toe, en sommige laden hun onderdelen op elke pagina, ook waar ze niet nodig zijn.

Oplossing: verwijder wat je niet gebruikt en vervang drie plug-ins die elk één klein ding doen door één goede oplossing. Meer over die afweging in WordPress of een beheerde website.

4. Een zware paginabouwer of thema

Veel visuele paginabouwers en “alles-in-één”-thema’s laden grote hoeveelheden code, ook voor functies die je niet gebruikt. De site ziet er goed uit, maar elke pagina sleept een zware basis mee.

Oplossing: moeilijk achteraf op te lossen. Bij een nieuwe site loont het om te kiezen voor een lichte basis die alleen laadt wat een pagina nodig heeft.

5. Geen caching

Zonder caching bouwt de server elke pagina bij elk bezoek opnieuw op uit de database. Met caching wordt een kant-en-klare versie bewaard en direct geserveerd.

Oplossing: zet paginacaching aan op de server of via een goede cache-instelling, en laat afbeeldingen, lettertypen en scripts door de browser bewaren.

6. Trage of overvolle hosting

Goedkope gedeelde hosting betekent dat je server wordt gedeeld met honderden andere sites. Is één daarvan druk, dan merk jij dat. In PageSpeed Insights zie je dit aan een hoge serverreactietijd.

Oplossing: betere hosting, een CDN dat je site vanaf servers dichter bij de bezoeker serveert, of beide. Maar pas als de meting laat zien dat de server de oorzaak is.

7. Te veel op één pagina

Een homepage met een slider van tien foto’s, een video, drie carrousels, een Instagram-feed en een kaart van Google Maps wordt nooit snel. Elk onderdeel is op zich misschien acceptabel, samen niet.

Oplossing: kies per pagina wat echt nodig is. Een kaart kan een link naar Google Maps worden, een video kan pas laden als iemand op afspelen klikt.

Wat je zelf vandaag kunt doen

• Meet je homepage en belangrijkste dienstpagina met PageSpeed Insights, mobiel.
• Verklein de grootste afbeeldingen bovenaan je pagina’s.
• Verwijder plug-ins en scripts die je niet meer gebruikt.
• Laat video’s en kaarten pas laden bij een klik.
• Meet opnieuw en vergelijk.

Waarom het ertoe doet

Snelheid is geen doel op zich. Een trage site kost vooral bezoekers: wie op zijn telefoon zoekt naar een installateur, wacht niet lang voordat hij terugklikt naar het volgende resultaat. Daarnaast weegt Google de gebruikservaring mee. Een snelle site is dus zowel goed voor je bezoekers als voor je vindbaarheid; zie ook hoger in Google komen.

Hoe SEBA Connect hierbij helpt

Websites die we laten maken bouwen we op een lichte basis die per pagina alleen laadt wat nodig is, met geoptimaliseerde afbeeldingen. Bij hosting en onderhoud bewaken we de site, zodat vertraging na een wijziging opvalt. Heb je een bestaande site die traag is, stel je vraag: we kijken met je mee waar de tijd zit.