[Résolu] problème avec mes images et PageSpeed Insights par flexi2202 - page 1

bonjour a tous

j essaye d améliorer encore un peu mon site

et cette fois je m attaque aux images

j ai donc dans un premier temps passe mon site en test avec PageSpeed Insights

et je m aperçois que je peux remplacer mes images qui sont en jpg en webp

donc je me lance et je trouve sur cette page le code a ajouter

https://developers.google.com/search/docs/advanced/guidelines/google-images

et j ajoute ce code afin que si l'image en webp ne puisse pas s'afficher c'est celle en jpg qui sera affichée

<picture>
 <source type="https://phil.pecheperle.be/image/jpg" srcset="https://phil.pecheperle.be/image/choix-canne-peche-de-la-peche-perle-gardon.jpg"/>
  <source type="https://phil.pecheperle.be/image/webp" srcset="https://phil.pecheperle.be/image/choix-canne-peche-de-la-peche-perle-gardon.webp"/>
 <img src="https://phil.pecheperle.be/image/choix-canne-peche-de-la-peche-perle-gardon.jpg" alt="large PNG image...">
</picture>

sur mon site une image s'affiche bien mais elle est en jpg

je retourne voir sur PageSpeed Insights et je constate que rien n a changé au niveau de l avertissement

j essaye donc juste avec une image webp comme ceci et cette fois PageSpeed Insights l accepte

<img src="https://phil.pecheperle.be/image/choix-canne-peche-de-la-peche-perle-gardon.webp" alt="quelle canne a pêche pour la pêche à la perle" style ="display: block;margin-left: auto;margin-right: auto;width: 100%;" />

quel code je dois utiliser pour si jamais le navigateur refuse l image en webp que cela soit l image en jpg qui puisse s afficher

merci de l aide

je ne devais pas mettre le chemin absolu dans le type

-
Edité par flexi2202 19 décembre 2021 à 20:14:59

problème avec mes images et PageSpeed Insights

problème avec mes images et PageSpeed Insights

Supprimer

Modérer

Signaler le message aux modérateurs