html - 如果我设置图像的高度和宽度,加载时间会减少吗

标签 html

<img src="image.jpg" width="20px" height"20px">

上面的加载时间是否等于:

<img src="image.jpg">

我只是对此很好奇,因为我们知道图像越小,加载时间越快

最佳答案

不,它不会加快页面加载速度。但是,它确实阻止了页面构建本身的“效果”以及在加载图像时破坏/修复布局。放入图像尺寸告诉浏览器保留图像的位置。这样,在页面加载时,布局应该是固定的,并且图像会在加载时弹出到位。

话虽如此,理论上,为宽度/高度添加“额外”标记实际上应该会减慢页面速度,因为您的代码稍微比以前大了。尽管在宏伟的计划中,它必须是一个非常小的数量......

关于html - 如果我设置图像的高度和宽度,加载时间会减少吗,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18844341/

相关文章:

javascript - 每当我尝试导航到一个链接时,整个页面都会移动,而不是滚动 div 中的 Material

html - 通过 CSS 为特定字符着色

javascript - 循环确定 selectedIndex 不起作用?

html - 使子 DIV 可滚动

html - 如何使用悬停移动到 anchor ?

html - CSS定位问题

javascript - 如何在 JavaScript 中找出元素的 lang 属性的计算值?

javascript - Web 浏览器对看似畸形文件的容忍度

c# - 使用 ASP.Net 获取和显示 RSS 提要

javascript - 如何按字母顺序对 HTML 页面的部分(图像和文本)进行排序