这样做以改善网站上的图像加载

以下视频中，Jen Simmons 解释了如何通过使用 width 和 height 属性来改善图片加载速度。问题在于，图片首次加载时会产生卡顿，因为在浏览器成功下载图片资源之前，<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="Do This to Improve Image Loading on Your Website "> <p>这是因为 Firefox 和 Chrome 现在会考虑这些值，并在图片加载之前消除所有卡顿，<em>即使您在 CSS 中使用流体宽度并因此导致高度未知也一样</em>。这意味着即使图片尚未加载，内容也会始终保持在相同位置。过去，我在许多项目中将图片放置在页面较低的位置，只是为了防止这种卡顿。我认为这很好地解决了这个问题。</p>

以上是这样做以改善网站上的图像加载的详细内容。更多信息请关注PHP中文网其他相关文章！