Webprestaties: waarom je site op mobiel traag is en hoe je dat oplost

Elke seconde laadvertraging kan je klanten kosten. En het probleem is niet hypothetisch: het meeste verkeer naar een website komt van een telefoon, vaak over een mobiele verbinding en op een klein scherm.

Het goede nieuws is dat vrijwel alles wat een website vertraagt, te meten en te verhelpen is. Deze gids zet de acties op volgorde van werkelijk effect.

Meet voordat je iets aanpast

Zonder meting is elke verbetering een mening. Je hebt drie dingen nodig: hoe lang je site nodig heeft om te verschijnen, waar die tijd heen gaat en welke pagina's het traagst zijn.

• De tijd tot de inhoud zichtbaar is (LCP) is het getal dat mensen het meest voelen.
• Het gewicht van elke afbeelding en script is de meest voorkomende oorzaak van trage websites.
• Echte gebruikersdata (Core Web Vitals) gaat vóór laboratoriumtests.

Afbeeldingen: de helft van het probleem

Een foto van 3 MB op een telefoon van 6 inch is verspild geld. Lever afbeeldingen aan in moderne formaten zoals WebP, schaal ze naar de maat waarop ze werkelijk worden getoond en stel het laden uit van alles onder het eerste scherm.

• Lever de afbeelding op precies de maat die elk scherm nodig heeft.
• Reserveer de ruimte van de afbeelding, zodat de pagina bij het laden niet verspringt.
• Laad alles dat onder het eerste scherm ligt lazy.

Code die niets toevoegt

Elk script dat je laadt is tijd die je telefoon moet verwerken. Plug-ins, chatwidgets, trackingpixels en animaties stapelen zich op zonder dat iemand ernaar kijkt, en de hele website wordt uiteindelijk trager.

• Bekijk welke scripts noodzakelijk zijn en welke later of alleen op bepaalde pagina's kunnen laden.
• Verwijder de plug-ins die niemand gebruikt.
• Houd afhankelijkheden up-to-date: een verouderde versie kan meer kosten dan de update zelf.

Hosting en cache

Een goede server met een goed ingestelde cache levert de pagina in milliseconden in plaats van seconden. Wordt je site trager naarmate er meer bezoekers komen, dan ligt het probleem waarschijnlijk niet in het ontwerp.

• Controleer of paginacaching en caching van assets aanstaan.
• Gebruik een CDN als je publiek over meerdere landen verspreid is.
• Bekijk je hostingabonnement: een goedkoop abonnement merk je in piekmomenten.

Waar je deze week mee begint

Probeer niet alles in één keer te repareren. Meet, zoek de traagste pagina en het zwaarste element, los dat als eerste op en meet opnieuw. Snelheid verbetert structureel wanneer elke wijziging wordt gecontroleerd, en niet wanneer aannames zich opstapelen.