(Blog)
Waarom je website traag is (en wat het je kost)
Een trage website valt zelden op bij de eigenaar. Jij bezoekt hem dagelijks, je browser heeft alles in cache staan en je zit op wifi met een goede verbinding. Voor jou laadt hij prima.
Voor een nieuwe bezoeker op 4G, onderweg, met een halfvolle telefoon is het een ander verhaal. En die bezoeker is degene die je wilde overtuigen.
In dit artikel: wat traagheid je concreet kost, de zes oorzaken die ik in de praktijk het vaakst tegenkom, en hoe je binnen vijf minuten zelf vaststelt waar jouw site staat.
Wat een trage website je kost
De cijfers verschillen per onderzoek, maar de richting is altijd dezelfde: hoe langer het laden duurt, hoe meer mensen afhaken, en dat verlies is niet lineair. Het verschil tussen één en twee seconden is groter dan het verschil tussen vier en vijf, omdat je de mensen die na vier seconden nog wachten al niet meer had.
Belangrijker dan de exacte percentages is wat er onder ligt:
- Je verliest bezoekers die je al betaald hebt. Adverteer je, of investeer je in SEO, dan betaal je voor bezoek dat vervolgens afhaakt op een laadbalk.
- Je verliest ranking, niet alleen bezoekers. Snelheid is via de Core Web Vitals onderdeel van hoe Google pagina’s beoordeelt. Het is niet de zwaarste factor, maar bij verder gelijke pagina’s beslist het wel.
- Je verliest vertrouwen. Een trage site voelt onprofessioneel, ook als de bezoeker niet kan benoemen waarom. Dat effect is niet meetbaar in Analytics, maar het is er wel.
De zes oorzaken die ik het vaakst tegenkom
1. Afbeeldingen die veel te groot zijn
Verreweg de meest voorkomende oorzaak, en meteen de makkelijkst op te lossen. Iemand uploadt een foto van 4.000 pixels breed en 6 MB rechtstreeks vanuit de camera, en de site toont hem op 800 pixels. De bezoeker downloadt de volledige 6 MB.
Wat je eraan doet: schaal afbeeldingen terug naar de grootte waarop ze getoond worden, comprimeer ze, en gebruik een modern formaat zoals WebP. In WordPress doet een plugin dit automatisch voor nieuwe uploads. Bestaande afbeeldingen moet je eenmalig laten herverwerken.
2. Te veel plugins, of de verkeerde
Elke plugin voegt code toe die op elke pagina meelaadt, ook op pagina’s waar hij niets doet. Een contactformulier-plugin die zijn scripts op je hele site inlaadt is geen uitzondering, het is de norm.
Wat je eraan doet: loop je plugin-lijst door en verwijder alles wat je niet actief gebruikt. Deactiveren is niet genoeg, verwijderen wel. Kijk daarna welke plugins overbodig zijn geworden omdat je thema of WordPress zelf de functie inmiddels heeft.
3. Een page builder die meer laadt dan hij bouwt
Visuele bouwers zijn handig, maar de meeste genereren aanzienlijk meer HTML en CSS dan nodig is voor wat er op het scherm staat. Een simpele sectie met een kop en een knop kan zomaar zes geneste divs diep zitten, elk met eigen stijlregels.
Wat je eraan doet: dit is niet met een instelling op te lossen. Het vraagt om schoner bouwen, of om het vervangen van zware onderdelen door lichtere. Het is meestal ook de reden waarom een site die op papier goed is opgezet toch niet snel wordt.
4. Goedkope of overbelaste hosting
Op gedeelde hosting draait jouw site op dezelfde server als tientallen tot honderden anderen. Krijgt een van die anderen een piek, dan merk jij dat. Dat is precies waar het prijsverschil tussen 3 en 15 euro per maand vandaan komt.
Wat je eraan doet: kijk naar de serverresponstijd (TTFB, time to first byte). Zit die structureel boven de 600 milliseconden terwijl je site verder licht is, dan ligt het aan je hosting en niet aan je website.
5. Externe scripts die je niet in de hand hebt
Google Analytics, een cookiebanner, een chatwidget, een reviewslider, ingesloten video’s, een lettertype van Google Fonts. Elk daarvan haalt bestanden op bij een derde partij, en jouw pagina wacht daarop.
Wat je eraan doet: inventariseer wat er echt meelaadt en waarom. Lettertypen kun je lokaal hosten. Video’s kun je vervangen door een klikbare afbeelding die de video pas laadt bij interactie. Chatwidgets kun je uitstellen tot na het eerste scrollmoment.
6. Geen caching
Zonder caching bouwt je server elke pagina bij elk bezoek opnieuw op: database bevragen, PHP uitvoeren, HTML samenstellen. Met caching wordt het resultaat één keer opgeslagen en daarna direct uitgeserveerd.
Wat je eraan doet: dit is vaak de grootste winst voor de minste moeite op een WordPress-site. Let wel op dat caching problemen kan maskeren in plaats van oplossen: een trage site die snel lijkt door caching, is nog steeds traag voor de eerste bezoeker en voor iedereen die een niet-gecachete pagina opvraagt.
Zelf checken, in vijf minuten
- Ga naar PageSpeed Insights van Google en voer je URL in. Kijk naar de mobiele score, niet de desktopscore. Desktop is bijna altijd een stuk vriendelijker en daarmee misleidend.
- Noteer je Largest Contentful Paint. Onder 2,5 seconden is goed, boven de 4 seconden is een probleem.
- Kijk in het onderdeel “Mogelijkheden” welke posten het zwaarst wegen. Staat er iets over afbeeldingen, dan heb je oorzaak 1 te pakken.
- Test je site één keer op je telefoon via mobiel internet in plaats van wifi. Dat is de eerlijkste test die er is.
Een score hoeft geen 100 te zijn. Een goed gebouwde site met een score van 85 op mobiel presteert in de praktijk uitstekend. Het gaat om de orde van grootte: zit je rond de 30, dan verlies je bezoekers.
Wanneer optimaliseren, wanneer opnieuw bouwen
Niet elke trage site vraagt om een nieuwe site. De vuistregel die ik aanhoud:
Optimaliseren is genoeg als de structuur van je site klopt, het ontwerp nog past bij je bedrijf, en de traagheid vooral uit afbeeldingen, caching, hosting of externe scripts komt. Dat is meestal een kwestie van uren, niet van weken.
Opnieuw bouwen is verstandiger als de traagheid uit de fundering komt: een zwaar thema met een stapel plugins eroverheen, gebouwd door verschillende partijen over meerdere jaren. Dan blijf je symptomen bestrijden. Op dat punt is opnieuw beginnen goedkoper dan doorlappen.
Bij Lijndraad kijk ik bij een bestaande site altijd eerst welke kant het op moet, voordat er iets vervangen wordt. Meer daarover lees je op de pagina over website laten maken in Tilburg, of in de werkwijze.
Benieuwd waar jouw site staat?
Stuur je URL en ik kijk vrijblijvend mee: wat de score is, waar het aan ligt en of het met optimaliseren op te lossen is of niet. Neem contact op.
Veelgestelde vragen
Streef op mobiel naar een Largest Contentful Paint onder de 2,5 seconden. Tussen 2,5 en 4 seconden is voor verbetering vatbaar, boven de 4 seconden verlies je aantoonbaar bezoekers.
Ja, via de Core Web Vitals. Het is niet de zwaarstwegende factor, maar bij pagina’s die inhoudelijk vergelijkbaar zijn kan het de doorslag geven. Belangrijker nog is het effect op bezoekers die afhaken voordat je pagina geladen is.
Omdat je browser bestanden in cache heeft staan van eerdere bezoeken, en omdat je waarschijnlijk op een snelle vaste verbinding zit. Een nieuwe bezoeker op mobiel internet krijgt een heel andere ervaring. Test altijd via PageSpeed Insights of via je telefoon zonder wifi.
Dat hangt af van waar de traagheid vandaan komt. Zit het in afbeeldingen, caching of hosting, dan is optimaliseren meestal genoeg. Zit het in de fundering van het thema en een opeenstapeling van plugins, dan is opnieuw bouwen op termijn goedkoper.