Waarom je website traag is, en wat je eraan doet.

Bijna elke site die ik onder handen krijg is trager dan de eigenaar denkt. Dat komt doordat je je eigen site altijd op een snelle verbinding bekijkt, met alles al in je browsergeheugen. Je bezoeker heeft dat niet.

Het goede nieuws: de oorzaken zijn saai en herhalen zich. In negen van de tien gevallen zijn het de afbeeldingen.

Eerst meten

Voordat je iets aanpast wil je weten waar je staat. Twee gratis meetpunten zijn genoeg.

PageSpeed Insights van Google geeft je een score en, belangrijker, een lijst met wat er precies misgaat. Kijk vooral naar de mobiele score, want daar valt de meeste winst te halen. WebPageTest laat je meten vanaf een specifieke locatie en met een langzamere verbinding, wat dichter bij de werkelijkheid ligt.

Let op één getal in het bijzonder: de tijd tot het grootste element in beeld staat. Dat is meestal je koptekst met de foto erachter. Blijft dat onder de 2,5 seconde, dan zit je goed.

1. Je afbeeldingen zijn te groot

Dit is bijna altijd de hoofdoorzaak. Een foto die rechtstreeks uit een telefoon of camera komt is al snel vier tot acht megabyte. In beeld is die foto misschien 800 pixels breed. Je stuurt dus tien keer meer data dan nodig.

Wat je doet: schaal foto's terug naar de grootte waarop ze getoond worden, sla ze op als WebP, en laat afbeeldingen die onder de vouw staan pas laden als iemand ernaartoe scrolt. Bij WordPress kan dat met een plugin, en bij goede hosting zit het er vaak al in.

Alleen dit al haalt bij de meeste sites de laadtijd zeker een halvering omlaag.

2. Er staan te veel plugins aan

Elke plugin laadt zijn eigen stukjes code, en de meeste doen dat op elke pagina. Ook op pagina's waar ze niets te zoeken hebben. Een formulierplugin die op je hele site zijn scripts laadt terwijl je één contactformulier hebt is een klassieker.

Loop je lijst met plugins eens langs en zet uit wat je niet gebruikt. Deactiveren is niet genoeg: verwijderen. Twee plugins die hetzelfde doen komt vaker voor dan je zou denken.

3. Er is geen caching

Zonder caching bouwt je server elke pagina opnieuw op voor elke bezoeker. Met caching wordt de klaargemaakte versie bewaard en direct uitgeleverd. Het verschil is vaak meer dan een seconde.

Goede hosting doet dit op serverniveau. Kan dat niet bij jouw hoster, dan is een cachingplugin de op één na beste optie.

4. Je laadt lettertypen van buiten

Lettertypen die je bij Google ophaalt kosten een extra verbinding met een andere server, en dat op het moment dat je pagina zijn tekst wil tonen. Vaak zie je dan even niets of even het verkeerde lettertype.

Zet je lettertypen op je eigen server. Dat is sneller en het scheelt bovendien gedoe met privacyregels, want er gaat dan geen gegeven meer naar een externe partij zonder toestemming.

5. Er zitten externe scripts in je pagina

Chatvensters, trackers, een kaartje, een videospeler, een reviewbalk. Elk daarvan haalt code op bij iemand anders en jij hebt geen invloed op hoe snel dat gaat. Eén trage externe partij vertraagt je hele pagina.

Kijk kritisch naar wat er echt nodig is. Een videospeler die pas start na een klik in plaats van meteen bij het laden scheelt vaak een megabyte of meer.

Waarom het uitmaakt

Snelheid telt mee in de zoekresultaten van Google. Dat is de reden die het vaakst genoemd wordt, maar het is niet de belangrijkste.

De belangrijkste is dat mensen wegklikken. Iemand die op zijn telefoon in de rij staat en drie seconden naar een wit scherm kijkt gaat terug naar de zoekresultaten. Die bezoeker heb je al betaald met je werk om gevonden te worden, en dan raak je hem alsnog kwijt op het laatste moment.

Begin bij je afbeeldingen. Meet opnieuw. In de meeste gevallen ben je dan al voor het grootste deel klaar.

Komt je site niet vooruit?

Soms zit het niet in je afbeeldingen maar in je hosting, en dan houdt zelf sleutelen op een gegeven moment op. Dat is geen schande, het is gewoon de bodem van wat de server aankan.

Wil je dat ik even meet en zeg waar het bij jou vastzit? Stuur me een appje met je adres. Je krijgt van mij de drie dingen terug die bij jou het meeste opleveren.