STATUS IS UPPRÉPARATION DES SITES WEB

Contrôle de préparation · Axe Accélérer · pondération 6

Formats d’image modernes utilisés

Sur une page d’accueil comportant au moins trois images, certaines utilisent WebP ou AVIF (selon le type de fichier, le type d’un élément source ou un paramètre de format du CDN d’images).

Observé sur
40%

sur 123,215 sites mesurés

Sites du top 1K
42%

219 mesurés

Tranche du top 1M
40%

68,845 mesurés

Non mesuré
62,841

bloqué, soumis à un défi de validation ou non applicable

Pourquoi c’est important

Les formats WebP et AVIF sont généralement beaucoup plus légers que JPEG ou PNG à qualité comparable, et les images constituent souvent la partie la plus lourde d’une page.

Comment apporter la correction

Servez des images WebP ou AVIF avec une solution de repli JPEG ou PNG, soit via un CDN d’images, soit en générant les deux formats lors de la compilation.

Notre méthode de contrôle

Sur une page d’accueil comportant au moins trois images, certaines utilisent WebP ou AVIF (selon le type de fichier, le type d’un élément source ou un paramètre de format du CDN d’images).

Observé : Images WebP ou AVIF détectées.

Non observé : Aucune image WebP ou AVIF détectée.

Limite : résultat fondé sur le HTML de la page d’accueil transmis à un client automatisé ; les scripts qui s’exécutent ultérieurement n’ont pas été exécutés.

Étapes propres à chaque pile technologique

  • WordPress : WordPress prend en charge l’importation de fichiers WebP depuis 5.8 et de fichiers AVIF depuis 6.5 ; les extensions de gestion d’images ou l’hébergeur peuvent convertir les images existantes.
  • Next.js : Le composant next/image sert automatiquement des formats optimisés.
  • Nuxt : Nuxt Image peut produire des images WebP et AVIF.
  • Cloudflare : Cloudflare Polish peut convertir les images au format WebP.
  • Vercel : Vercel Image Optimization sert des formats modernes.
  • Shopify : Le CDN d’images de Shopify peut servir des formats modernes ; suivez les recommandations de Shopify sur les performances web des thèmes.

Par tranche de popularité

Tranche Chrome UX ReportObservéMesuré
1 000 premiers42%219
5 000 premiers38%1,042
10 000 premiers41%1,351
50 000 premiers39%10,382
100 000 premiers40%10,125
500 000 premiers39%31,251
1 million de premiers40%68,845

Catégories les plus susceptibles de le faire

Catégories les moins susceptibles de le faire

Par pile technologique

Par fournisseur

Sites populaires sur lesquels nous avons observé ce comportement

Sources et guides