Hoeveel scheelt WebP in laadtijd?
WebP scheelt gemiddeld een kwart tot een derde in bestandsgrootte bij dezelfde beeldkwaliteit. Op een pagina met tien afbeeldingen is dat al gauw enkele honderden kilobytes.
Op een mobiele verbinding is dat een merkbaar verschil.
Bij een tekstpagina met één afbeelding merk je weinig.
Een rekenvoorbeeld
Tien foto’s van driehonderd kilobyte zijn drie megabyte. Als WebP wordt dat rond de twee, en dat scheelt op een trage verbinding seconden.
Meer daarover lees je bij pagespeed.
Waar de winst het grootst is
Bij overzichtspagina’s, portfolio’s en webshops. Overal waar veel beeld tegelijk laadt.
Meer daarover lees je bij lazy loading.
Wat het niet oplost
Afbeeldingen die veel te groot zijn aangeleverd. Een foto van vierduizend pixels blijft zwaar, ook als WebP.
Meer daarover lees je bij pixel.
Mijn vuistregels
- Eerst je afmetingen kloppend maken.
- Daarna omzetten naar WebP.
- Uitstellen van beeld erbij.
- Meet je pagina voor en na.
Die eerste levert meer op dan de omzetting zelf.
Wat je meet
Het totale gewicht van je pagina en je score voor het grootste element. Daar zie je het effect het duidelijkst.
Meer daarover lees je bij retina.
Bij lijnwerk
Daar kan de winst oplopen tot de helft ten opzichte van png, met behoud van doorzichtigheid.
Meer daarover lees je bij het verschil met jpg en png.