当前位置: 海之晶网站设计> 建站知识> 网站建设>设置图像的高度和宽度也很重要

设置图像的高度和宽度也很重要

文章出处:网站建设-海之晶网络 | 网站编辑:网站设计 | 发表时间:2020/8/6 21:05:31
分享:

Web性能倡导者经常建议在图像下载之前,为获得最佳性能,在图像本身被下载之前,为图像添加适当的空间,以便页面布局。这就避免了在下载图像时出现布局偏移,这是Chrome最近开始在新的累积版面偏移度量标准中衡量的内容。

好吧,一个肮脏的、小秘密&mdash;在核心web性能倡导者之外并不那么出名,直到最近,这实际上在很多情况下都没有什么不同,我们将在下面看到。然而,在CSS世界最近发生了一些变化,以及最流行的web浏览器迅速采用了这些更改之后,在<;img>;标记中添加宽度和高度属性再次变得有用。

以这个简单的页面为例:

这可能分两个阶段呈现,首先是在下载HTML时,然后在图像下载完成后进行第二次。使用上述代码,这将导致下载图像后主内容跳转,并计算显示它所需的空间:

关键字:
南京市汉中路1号国际金融中心9楼
建站热线:13815417591
免责声明: 本站部分内容来源于互联网,如果本站部分内容侵犯您的权益,请您告知,站长会立即处理。