PageSpeed Insights verbeteren met media-optimalisatie
Meetbaar resultaat
Welke PageSpeed-waarschuwingen gaan over afbeeldingen
Stappenplan: van waarschuwing naar groene score
Open het rapport en noteer de image-audits die falen
Converteer naar next-gen formaten waar dat wordt gevraagd
Serveer afbeeldingen op de juiste weergavegrootte
Laat offscreen afbeeldingen lazy loaden, met uitzondering van je LCP-afbeelding
Herhaal de meting en vergelijk
Formaten en hun effect op de PageSpeed-audits
| Aanpak | Typische besparing | Helpt vooral bij |
|---|---|---|
| AVIF | Vaak de grootste besparing; in onze tests tot 94% kleiner dan het origineel. | "Serve images in next-gen formats" en "Efficiently encode images". |
| WebP | Ruime besparing met brede ondersteuning; meestal 25 tot 50 procent kleiner dan JPEG. | "Serve images in next-gen formats" als brede fallback. |
| Juiste afmeting serveren | Verschilt sterk per situatie; vaak de snelste winst bij een oversized hero-afbeelding. | "Properly size images". |
| Lazy loading (niet-LCP) | Geen besparing in bytes, wel in initiële laadtijd. | "Defer offscreen images". |
Veelgemaakte valkuilen bij het jagen op een groene score
- Je LCP-afbeelding óók lazy loaden, waardoor juist de eerste weergave trager wordt in plaats van sneller.
- Alleen de hero-afbeelding optimaliseren en de rest van de pagina vergeten.
- Een losse optimalisatietool gebruiken die niet samenwerkt met je cache-plugin, waardoor bezoekers alsnog de oude bestanden zien.
- Alleen naar het cijfer kijken zonder de werkelijke laadtijd en gebruikerservaring te checken.
- Geen aparte mobiele meting doen; PageSpeed Insights toont desktop en mobiel los van elkaar, en mobiel scoort vaak lager.
Veelgestelde vragen
Nee. Afbeeldingen zijn één van de factoren die PageSpeed meet; serverresponstijd, JavaScript, fonts en externe scripts tellen ook mee. Optimalisatie van afbeeldingen lost specifiek de image-audits op, niet per definitie alle andere punten.
Lighthouse is de onderliggende auditing-engine; PageSpeed Insights is een online tool die Lighthouse gebruikt en daarnaast ook echte veldgegevens van Chrome-gebruikers kan tonen.
Ja, comprimeren mag, maar zorg dat die afbeelding niet lazy loadt. Een kleinere, direct geladen LCP-afbeelding is meestal de snelste winst voor die specifieke meting.
Dat is meestal een cache-kwestie: je hostingcache, een cache-plugin of een CDN toont nog een eerder opgeslagen versie. Een cache-purge na een bulk-run lost dit meestal op.
Ja, de onderliggende bestanden worden voor alle apparaten kleiner. Mobiel scoort vaak lager dan desktop, simpelweg omdat de meting een tragere verbinding simuleert.
Na grote wijzigingen aan content, thema of plugins is een nieuwe meting verstandig. Losse metingen kunnen bovendien onderling wat schommelen, dus een enkele meting is niet altijd representatief.