Votre site a mieux à faire que vous faire attendre. Découvrir PageSpeed.fr
Médias

Comprendre les images responsives de WordPress

Laisser le navigateur sélectionner un fichier adapté au contexte d’affichage.

Comprendre la situation

WordPress peut produire plusieurs tailles d’un média et les décrire dans le HTML. Les attributs srcset et sizes aident ensuite le navigateur à sélectionner une ressource adaptée. PageSpeed.fr doit préserver les variantes utiles existantes. Il ne faut pas confondre cette sélection avec une conversion de format ou supposer qu’une seule taille convient à tous les écrans.

Marche à suivre

  • Inspectez la balise img et les variantes listées dans srcset.
  • Vérifiez la largeur réellement occupée par l’image dans la page.
  • Sur mobile, observez le fichier choisi dans l’onglet Réseau.
  • Comparez les résultats sur un écran à forte densité, qui peut demander davantage de pixels.

Vérifier le résultat

Le fichier retenu doit offrir une qualité suffisante sans transférer inutilement une image gigantesque. Si le thème annonce une largeur incorrecte, le navigateur peut choisir une variante trop grande même si les tailles existent. La correction doit alors porter sur la description de la mise en page, pas sur la suppression de toutes les variantes disponibles.

Pour aller à la source

Besoin d’aide pour votre site ? Retrouvez les conseils d’installation et de compatibilité dans notre centre d’aide.
Votre prochaine étape

Et si votre site
passait la seconde ?

Essayez, comparez, gardez la main. Vous pouvez désactiver ou supprimer l’extension à tout moment pour retrouver le fonctionnement habituel de votre site.

Accélérer mon siteMesurer mon site