Dans nous discuterons de la façon de lentement des images avec des dimensions d’application dans WordPress. Vous pouvez rencontrer le message drsquoerreur suivant lors de la navigation sur la console chrome devtools: [intervention] Charger comme lazy en utilisant Loading = lazy, mais pas la taille spécifiée. Les spécifications dimensionnelles améliorent les performances. Que signifie cette erreur de chargement retardée? Avant de corriger cette erreur, définissons exactement ce que cela signifie. voyez ce message d’erreur, pourriez être paresseux de l’image sur WordPress. Cela signifie qursquoaucune image ne sera téléchargée à moins que le visiteur ne fasse défiler lrsquoimage. Cela réduit la quantité de données transférées pendant le chargement du site et accélère la page entière.
Ce clip vidéo illustre parfaitement la lenteur du chargement. Il existe de nombreux plug ins de chargement lent communs que pouvez utiliser pour implémenter cette fonctionnalité sur le site WordPress:
Il y a beaucoup drsquoautres options. Ces plug ins permettent généralement un chargement lent en recherchant chaque balise drsquoimage et en ajoutant un attribut de chargement lent. Les opérations spécifiques sont les suivantes:
Vous pouvez également choisir de le faire manuellement en ajoutant lrsquoattribut Load =
La définition officielle de son effet réel est la suivante:
Peu pratique, surtout si lrsquoon considère le sujet de la fin des choses. Dans ce cas, pouvez essayer ce plug in que nous avons trouvé sur github. Il peut glisser toutes les images dans le post et les envelopper dans une structure graphique. Il peut également réserver de lrsquoespace pour les images de réaction sur la page, empêchant ainsi le reflux (ou le mouvement du contenu).
https:github.comSabatinoMasalacodecaptain-image-to-figure-converter Une autre solution technique est drsquoaugmenter la taille de la fonctionnalité de fichier. PHP est utilisé pour une taille drsquoimage de sujet spécifique. Vous pouvez spécifier la taille de lrsquoimage et y attacher une taille standard. Vous pouvez également ajouter de nouvelles dimensions standard pour WordPress. Ajouter _ Image ze (String $name, int $width, int $height, bool | Array $Crop = False) Voici quelques exemples de code que pouvez utiliser sur votre site Web: ajouter Image ze (lsquothumbnilrsquo, 600350, True) Ajouter _ Image ze (lsquoMediumrsquo, 600350, True) En fait, il y a beaucoup de choses que pouvez faire avec cette fonctionnalité, comme discuté dans les ressources des développeurs WordPress.
Cela peut fonctionner, mais élimine la réactivité de lrsquoimage. Une autre solution plus complexe, mais probablement la plus efficace dans tous les cas, est connue sous le nom de
Oui. IMG Container {Location: relative fill bottom: 56.25% * 16: 9 ratio * height: 0 overflow: hidden}. IMG Container IMG {Location: absolute top: 0 left: 0 width: 100% height: 100%} Conclusion en résumé, la meilleure approche
Pour corriger cette erreur dans la console Chrome: [intervention] projet Chargé avec chargement = paresseux, mais pas de taille spécifiée. Les spécifications dimensionnelles améliorent les performances Il suffit de suivre vos conseils et drsquoajouter des dimensions à lrsquoimage. Vous pouvez le faire dans Gutenberg, lrsquoéditeur classique, HTML, etc.
Trop long pour lire Ajoutez une taille aux images téléchargées tardivement dans WordPress! Comme toujours, si avez des questions sur le Reflow d’images chargées lentement dans WordPress, veuillez nous contacter dans les commentaires ci dessous.
Chargement différé a & 39 Appliquer des images dimensionnées dans WordPress
