STATUS IS UPWEBSITEGEREEDHEID
Nederlands
Werkruimte eigenaar
Ontdek SIU

Gereedheidscheck · Categorie Versnellen · gewicht 6

Moderne afbeeldingsformaten in gebruik

Op een homepage met minstens drie afbeeldingen gebruiken sommige afbeeldingen WebP of AVIF (op basis van het bestandstype, het type van een source-element of een formaatparameter van een afbeeldings-CDN).

Waargenomen op
40%

van 123,215 gemeten sites

Top 1K-sites
42%

219 gemeten

Top 1M-groep
40%

68,845 gemeten

Niet gemeten
62,841

geblokkeerd, onderworpen aan een verificatievraag of niet van toepassing

Waarom dit belangrijk is

WebP en AVIF zijn bij vergelijkbare kwaliteit doorgaans veel kleiner dan JPEG of PNG, en afbeeldingen vormen vaak het zwaarste onderdeel van een pagina.

Hoe u dit oplost

Lever WebP of AVIF met JPEG of PNG als terugvaloptie, via een afbeeldings-CDN of door beide formaten tijdens het buildproces te genereren.

Tool voor het beoordelen van de gereedheid van afbeeldingslevering

Hoe we controleren

Op een homepage met minstens drie afbeeldingen gebruiken sommige afbeeldingen WebP of AVIF (op basis van het bestandstype, het type van een source-element of een formaatparameter van een afbeeldings-CDN).

Waargenomen: Afbeeldingen in WebP of AVIF gedetecteerd.

Niet waargenomen: Geen afbeeldingen in WebP of AVIF gedetecteerd.

Beperking: gebaseerd op de HTML van de homepage die aan een geautomatiseerde client is geleverd; scripts die later worden uitgevoerd, zijn niet uitgevoerd.

Stappen per stack

  • WordPress: WordPress ondersteunt uploads in WebP sinds 5.8 en in AVIF sinds 6.5; afbeeldingsplugins of de hostingprovider kunnen bestaande afbeeldingen converteren.
  • Next.js: De next/image-component levert automatisch geoptimaliseerde formaten.
  • Nuxt: Nuxt Image kan WebP en AVIF genereren.
  • Cloudflare: Cloudflare Polish kan afbeeldingen converteren naar WebP.
  • Vercel: Vercel Image Optimization levert moderne formaten.
  • Shopify: Het afbeeldings-CDN van Shopify kan moderne formaten leveren; volg de richtlijnen van Shopify voor de webprestaties van thema's.

Per populariteitsklasse

Chrome UX Report-bandWaargenomenGemeten
Top 1K42%219
Top 5K38%1,042
Top 10K41%1,351
Top 50K39%10,382
Top 100K40%10,125
Top 500K39%31,251
Top 1M40%68,845

Categorieën waarin dit het vaakst voorkomt

Categorieën waarin dit het minst vaak voorkomt

Per stack

Per provider

Populaire sites waarop we dit hebben waargenomen

Bronnen en handleidingen

Handleiding: AVIF, WebP, JPEG en PNG: kies het juiste afbeeldingsformaatControleer uw eigen site