Chargement différé a & # 39; Appliquer des images dimensionnées dans WordPress
Dans cet article, nous discuterons de la façon de télécharger lentement des images avec des dimensions d’application dans WordPress. Vous pouvez rencontrer le message d’erreur 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. Si vous voyez ce message d’erreur, vous pourriez être paresseux de télécharger l’image sur WordPress. Cela signifie qu’aucune image ne sera téléchargée à moins que le visiteur ne fasse défiler l’image. 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 vous pouvez utiliser pour implémenter cette fonctionnalité sur le site WordPress: 
Vous pouvez également choisir de le faire manuellement en ajoutant l’attribut Load = \
La définition officielle de son effet réel est la suivante: \
Peu pratique, surtout si l’on considère le sujet de la fin des choses. Dans ce cas, vous 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 l’espace pour les images de réaction sur la page, empêchant ainsi le reflux (ou le mouvement du contenu).
https:\/\/github.com\/SabatinoMasala\/codecaptain-image-to-figure-converter Une autre solution technique est d’augmenter la taille de la fonctionnalité de fichier. PHP est utilisé pour une taille d’image de sujet spécifique. Vous pouvez spécifier la taille de l’image et y attacher une taille standard. Vous pouvez également ajouter de nouvelles dimensions standard pour WordPress. Ajouter _ Image Size (String $name, int $width, int $height, bool | Array $Crop = False) Voici quelques exemples de code que vous pouvez utiliser sur votre site Web: ajouter Image Size (‘thumbnil’, 600350, True); Ajouter _ Image Size (‘Medium’, 600350, True); En fait, il y a beaucoup de choses que vous pouvez faire avec cette fonctionnalité, comme discuté dans les ressources des développeurs WordPress.
Cela peut fonctionner, mais élimine la réactivité de l’image. 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 d’ajouter des dimensions à l’image. Vous pouvez le faire dans Gutenberg, l’éditeur classique, HTML, etc.
Trop long pour lire Ajoutez une taille aux images téléchargées tardivement dans WordPress! Comme toujours, si vous avez des questions sur le Reflow d’images chargées lentement dans WordPress, veuillez nous contacter dans les commentaires ci – dessous.