problème avec mes images et PageSpeed Insights
Posté : 19 déc. 2021, 20:07
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/do ... gle-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
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
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
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/do ... gle-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
Code : Tout sélectionner
<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> 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
Code : Tout sélectionner
<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%;" />merci de l aide