Waarom je website traag is, en wat dat je kost
Een trage site valt je zelf het minst op, want jouw browser heeft alles al klaarstaan. De vier oorzaken die je het vaakst ziet, en wat je er vandaag aan kunt doen.
Door Joost van Rekum, JvR Digitaal
Een trage website valt je zelf het minst op. Jij hebt hem al honderd keer geopend, dus je browser heeft alles al klaarstaan. Je bezoeker komt voor het eerst, en die haakt af. In dit artikel lees je waar traagheid vandaan komt, wat het kost en wat je eraan doet.
Wat traag je kost
Er is veel onderzoek naar, en de uitkomst wijst steeds dezelfde kant op: hoe langer het laden duurt, hoe meer mensen weggaan voordat ze iets gezien hebben. Bij een paar seconden extra haakt een flink deel al af.
Dat raakt je twee keer. Bezoekers die weggaan worden geen klant. En Google kijkt mee naar hoe snel je site is, dus je zakt ook nog in de zoekresultaten. Je betaalt dus met bezoekers die je al had, en met bezoekers die je nooit krijgt.
De vier oorzaken die je het vaakst ziet
1. Te zware afbeeldingen
Dit is veruit de meest voorkomende oorzaak. Iemand zet een foto van 4 megabyte rechtstreeks uit de camera op de site. Die foto wordt op het scherm verkleind naar een paar honderd pixels, maar je bezoeker downloadt hem wel helemaal.
Een goede site verkleint foto's automatisch en levert ze in een modern formaat. Dan gaat 4 megabyte terug naar honderd kilobyte, zonder dat je het ziet.
2. Te veel plugins of scripts
Elke plugin laadt zijn eigen code, meestal op elke pagina. Ook de plugin die alleen op je contactpagina iets doet. Tel daar de chatknop, de cookiebanner, de statistieken en twee trackers bij op, en je bezoeker haalt vijftig bestanden binnen voordat hij één woord gelezen heeft.
3. Lettertypes van een andere server
Veel sites halen hun lettertype bij Google op. Dat kost een extra rondje naar een andere server voordat er ook maar iets leesbaar op het scherm staat. Zet je lettertypes op je eigen server, dan is dat rondje weg. Bijkomend voordeel: je stuurt het IP-adres van je bezoeker niet meer naar Google, wat privacytechnisch ook netter is.
4. Een database die te veel moet zoeken
Dit zie je pas als je site groeit. Een overzicht dat bij honderd producten snel was, wordt bij tienduizend producten traag. Meestal is de oplossing niet een zwaardere server, maar een index op de juiste kolom.
Hoe je meet of het echt traag is
Ga niet af op je gevoel. Gebruik PageSpeed Insights van Google. Die tool geeft je een cijfer en, veel belangrijker, een lijst met wat er precies te lang duurt. Test op mobiel, want daar is het altijd slechter dan op je laptop.
Let vooral op hoe lang het duurt voordat het grootste blok op het scherm zichtbaar is. Dat is wat je bezoeker ervaart als wachten.
Wat je vandaag al kunt doen
- Zoek de zwaarste afbeeldingen op je site op en vervang ze door kleinere versies.
- Zet plugins uit die je niet echt gebruikt. Uitzetten is niet genoeg, verwijderen is beter.
- Haal trackers weg die niemand bekijkt. Elke tracker kost snelheid en vraagt om toestemming.
- Vraag je hostingpartij of je op een gedeelde server staat met honderd andere sites.
Wanneer sleutelen niet meer helpt
Soms is je site niet traag door één ding, maar door hoe hij is opgebouwd. Dertig plugins die allemaal nét iets doen krijg je niet snel. Dan is opnieuw bouwen goedkoper dan blijven sleutelen, zeker als je toch al tegen andere grenzen aanloopt.
Ik bouw sites zo dat snelheid geen apart project is: afbeeldingen worden automatisch verkleind, lettertypes staan op de eigen server en er wordt niets geladen wat niet gebruikt wordt.
Kort samengevat
Traagheid komt meestal door zware afbeeldingen, te veel scripts, lettertypes van elders of een database die te veel zoekt. Meet eerst met PageSpeed Insights, pak daarna de zwaarste post aan. Kom je er niet uit? Stuur me het adres van je site, dan kijk ik waar het aan ligt.