performance - 向内联图像添加宽度和高度是否会提高页面加载性能?

标签 performance xhtml frontend pagespeed

向内联图像添加宽度和高度是否会提高页面加载性能?

<img id="moon" height="200" width="450" 
      src="http://www.domain.com/moon.png" alt="moon image" />

对比一下

<img id="moon" src="http://www.domain.com/moon.png" alt="moon image" />

最佳答案

我认为它不会使页面加载速度更快,但它有助于立即正确呈现页面,因为浏览器知道图像的尺寸,以便在必须获取图像之前正确布局页面

关于performance - 向内联图像添加宽度和高度是否会提高页面加载性能?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/2748576/

相关文章:

c# - 在 IEnumerable 扩展中 - 为什么只有 Count() 针对 ICollection 进行了优化?

.net - 生成唯一 ID(检查或不检查)?

jquery - 如何使显示:flex work for responsiveness - Bootstrap?

css - 有没有可以内联css的工具?

reactjs - React Material-Table onSelectionChange 将数据传递给 Hook 状态

javascript - 将数据数组发布到另一个组件中的表

performance - 现代 CPU 中的小分支

MySQL 性能 : JOIN ON vs WHERE

Javascript 和 W3C 有效性?

javascript - 在一个连接中将数据发送到不同的 websocket 端点