Maak de pagina lichter, zodat die snel laadt, ook op mobiel
Beschrijving
Dit criterium meet de grootte van de pagina wanneer iPand die mobiel laadt: maximaal 2 MB overgedragen, alle bestanden en headers inbegrepen. Het controleert of minstens 90% van de tekstbytes (HTML, CSS, JavaScript, JSON, SVG) van bestanden groter dan 1 KB gecomprimeerd binnenkomt, en of minstens 80% van de statische bestanden van je site (scripts, stijlen, lettertypen, afbeeldingen) een dag of langer in de cache kan blijven.
Deze drempel van 2 MB is een compromis voor pagina’s met veel afbeeldingen; Lighthouse mikt op 1.600 KiB.
Waarom dit belangrijk is voor AI
Een zware pagina doet er langer over om binnen te komen, voor je bezoekers op mobiel én voor de crawlers die de pagina laden. Compressie en caching verkleinen die grootte zonder iets aan de inhoud te veranderen.
- De crawlers van Google accepteren inhoud die met gzip, deflate of Brotli gecomprimeerd is: een gecomprimeerde pagina bereikt ze sneller.
- Googlebot leest alleen de eerste 2 MB van elk HTML-, CSS- of JavaScript-bestand, na decompressie: inhoud die daarna komt, wordt genegeerd.
- Een lange cacheduur voorkomt dat je bezoekers scripts, stijlen en afbeeldingen bij elke bekeken pagina opnieuw downloaden.
Zo los je het op
- 1 Maak de afbeeldingen lichter Verklein afbeeldingen tot de afmetingen waarop ze getoond worden, gebruik een modern formaat zoals WebP of AVIF, en comprimeer ze. Laad afbeeldingen die bij de eerste weergave buiten beeld vallen pas later in (loading=lazy), maar nooit de hoofdafbeelding bovenaan de pagina.
- 2 Beperk scripts van derden Maak een lijst van de tools die aan de pagina zijn toegevoegd (tracking, advertenties, livechat, ingesloten video’s) en verwijder wat je niet meer gebruikt. Laad de andere pas wanneer ze nodig zijn, bijvoorbeeld bij een klik.
- 3 Zet compressie aan Stel je server of CDN zo in dat tekstbestanden met gzip, Brotli (br) of zstd gecomprimeerd worden: HTML, CSS, JavaScript, JSON en SVG. Controleer in de ontwikkelaarstools de header Content-Encoding van de serverantwoorden. Comprimeer geen afbeeldingen, video’s en audiobestanden: die zijn al gecomprimeerd.
- 4 Stel een cacheduur in voor statische bestanden Geef scripts, stijlen, lettertypen en afbeeldingen met een versie, dus met een hash in de bestandsnaam, een header Cache-Control: max-age=31536000, oftewel één jaar. iPand vraagt minstens één dag voor 80% van de statische bestanden van je site. Houd no-cache aan voor de HTML, die vaker verandert.
In het kort
Een lichte, gecomprimeerde en goed gecachete pagina bereikt bezoekers en crawlers sneller. Mik op minder dan 2 MB overgedragen data, en nog minder als het kan.
