Les éléments d'image ne possèdent pas de width ni de height explicites

[pierroweb]

Bonjour, j'ai un petit soucis en voulant augmenter la vitesse de mon site. PageSpeedInsight me demande de renseigner la hauteur et la largeur de mon image, ce que j'ai fait un modifiant le css personnalisé de toutes mes images sur elementor, mais rien n'y fais ça ne marche toujours pas. 

Quelqu'un aurait une solution ? Merci

[Prestashop Addict]

Il faut ajouter les attributs width et height sur les tags <img with="" height=""... > donc modifier vos templates de thème et modules où ils manquent.

[PrestaHeroes.com]

Oui — dans PrestaShop, il faut s’appuyer sur les dimensions d’images générées via Paramètres des images, et non sur du CSS personnalisé.
PrestaShop génère déjà les attributs width et height sur les balises <img> en fonction du type d’image (home_default, large_default, etc.), ce qui correspond exactement à ce que PageSpeed attend.

• Si PageSpeed continue de signaler un problème, cela signifie généralement que :
• Un thème ou un module de performance supprime ces attributs
• L’image est utilisée comme image de fond CSS (hero / bannière / slider)
• Une surcharge de template est obsolète et ne sort plus {$image.bySize.*.width} et height

Ajouter uniquement des dimensions via le CSS ne corrigera pas l’audit : les attributs doivent être présents dans le HTML ou bien l’espace de mise en page doit être réservé à l’aide de aspect-ratio.

[Anahitrt]

PageSpeed requires the width and height attributes in the HTML, not just CSS. In PrestaShop, these are automatically added based on image types (home_default, large_default, etc.). If they don’t appear, it usually means your theme or a module is overriding the template or the image is used as a CSS background. You should update your templates to use {$image.bySize.*.width} and {$image.bySize.*.height} or reserve space with aspect-ratio. Just adding CSS won’t fix the PageSpeed warning.

[Mediacom87]

il y a 42 minutes, Anahitrt a dit :

PageSpeed nécessite les attributs width et height dans le code HTML, et pas seulement dans le CSS. Dans PrestaShop, ceux-ci sont automatiquement ajoutés en fonction des types d'images (home_default, large_default, etc.). S'ils n'apparaissent pas, cela signifie généralement que votre thème ou un module remplace le modèle ou que l'image est utilisée comme arrière-plan CSS. Vous devez mettre à jour vos modèles pour utiliser {$image.bySize.*.width} et {$image.bySize.*.height} ou réserver de l'espace avec aspect-ratio. Le simple fait d'ajouter du CSS ne résoudra pas l'avertissement PageSpeed.

Merci de respecter la règle de base à savoir poster dans la langue correspondante, histoire d'éviter à chaque lecteur de devoir effectuer une traduction inutile alors que seul vous pourriez faire l'effort.

[PrestaHeroes.com]

1 minute ago, Mediacom87 said:

Please respect the basic rule of posting in the corresponding language, to avoid each reader having to make an unnecessary translation when only you could make the effort.

it's right click translate, well  if one has a 3 button mouse loool, only we can create language barriers...

[Mediacom87]

il y a 12 minutes, PrestaHeroes.com a dit :

C'est un clic droit pour traduire, enfin, si on a une souris à trois boutons, lol, c'est nous seuls qui pouvons créer des barrières linguistiques...

ben oui, vous avez raison, pourquoi l'auteur n'est pas capable de le faire au lieu d'obliger tous les lecteurs qui ne sont pas anglophones de le faire à sa place à chaque lecture.

[PrestaHeroes.com]

1 minute ago, Mediacom87 said:

Yes, you're right, why can't the author do it himself instead of forcing all non-English-speaking readers to do it for him every time he reads it?

Je comprends parfaitement votre point de vue. Heureusement, dans le monde d’aujourd’hui, les traductions sont beaucoup plus faciles — bon, sauf WhatsApp, qui parvient encore à nécessiter trois clics même après avoir ajouté la traduction 😄

En même temps, je comprends aussi le besoin de protéger une langue par crainte de la voir disparaître. C’est quelque chose que je respecte pleinement également.

[Mediacom87]

il y a 27 minutes, PrestaHeroes.com a dit :

En même temps, je comprends aussi le besoin de protéger une langue par crainte de la voir disparaître. C’est quelque chose que je respecte pleinement également.

Le forum possède des sections linguistiques, donc cela doit être respecté, cela n'a aucun rapport avec la protection d'une langue, je fais exactement les mêmes remarques et actions sur les autres forums.