Faites cela pour améliorer le chargement d'images sur votre site Web

Dans la vidéo suivante, Jen Simmons explique comment améliorer la vitesse de chargement de l'image en utilisant les propriétés width et height . Le problème est que l'image provoquera un décalage lors de sa première charge, car avant que le navigateur ne télécharge avec succès la ressource d'image. <img src="/static/imghwm/default1.png" data-src="https://img.php.cn/upload/article/000/000/000/174433873873361.png?x-oss-process=image/resize,p_40" class="lazy" alt="Faites-le pour améliorer le chargement d'images sur votre site Web"> En effet, Firefox et Chrome prennent désormais ces valeurs et éliminent tout le retard avant les charges d'image, même si vous utilisez la largeur du fluide dans CSS et donc la hauteur est inconnue . Cela signifie que même si l'image n'a pas été chargée, le contenu restera toujours au même endroit. Dans le passé, j'ai placé des images sur une page inférieure dans de nombreux projets juste pour empêcher ce bégaiement. Je pense que cela résout très bien ce problème.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!