Elke webpagina bestaat uit veel losse bestanden: de HTML, CSS voor styling, JavaScript voor interactie, afbeeldingen, fonts, en soms video. Al die bestanden samen bepalen hoeveel data een bezoeker moet downloaden om je pagina te zien. Hoe meer data, hoe langer het duurt.
Wat zijn goede paginagroottes?
- Onder 500 KB: licht. Laadt supersnel, ook op mobiel met slechte 4G.
- 500 KB tot 1,5 MB: normaal. Prima voor de meeste sites.
- 1,5 MB tot 3 MB: zwaar. Merkbaar traag op mobiel.
- Boven 3 MB: extreem zwaar. Bezoekers op trage verbindingen haken af.
Wat maakt pagina's zo groot?
De grootste veroorzakers, in volgorde:
- Ongecomprimeerde afbeeldingen (verreweg #1): één foto van 5 MB kan je hele pagina de pijp uithelpen. Vaak makkelijk 80% kleiner te maken.
- Video's die auto-play doen: een auto-playing hero-video van 10 MB is dodelijk voor mobile data-users.
- Te veel externe scripts: elke tracking-pixel, chat-widget, embed-video voegt gewicht toe.
- Zware fonts: 8 verschillende font-varianten laden ipv 2.
- Onnodige JavaScript: plugins die je nauwelijks gebruikt maar wel op elke pagina laden.
Wat kan je vandaag doen?
Ga naar PageSpeed Insights, plak je URL, en scroll naar 'Total page size' of 'Total byte weight'. Je ziet direct hoe zwaar je pagina is en welke bestanden het meest bijdragen.
De snelste winst: als de grootste bestanden afbeeldingen zijn, comprimeer ze via squoosh.app of TinyPNG. Van 3 MB naar 300 KB is normaal, zonder zichtbaar kwaliteitsverlies.