Web性能倡导者经常建议在图像下载之前,为获得最佳性能,在图像本身被下载之前,为图像添加适当的空间,以便页面布局。这就避免了在下载图像时出现布局偏移,这是Chrome最近开始在新的累积版面偏移度量标准中衡量的内容。
好吧,一个肮脏的、小秘密&mdash;在核心web性能倡导者之外并不那么出名,直到最近,这实际上在很多情况下都没有什么不同,我们将在下面看到。然而,在CSS世界最近发生了一些变化,以及最流行的web浏览器迅速采用了这些更改之后,在<;img>;标记中添加宽度和高度属性再次变得有用。
以这个简单的页面为例:
这可能分两个阶段呈现,首先是在下载HTML时,然后在图像下载完成后进行第二次。使用上述代码,这将导致下载图像后主内容跳转,并计算显示它所需的空间:
微信小程序开发热门城市: 克拉玛依网站建设 屏东网站建设 丽水网站建设 双鸭山网站建设 沈阳网站建设 宁波网站建设 营口网站建设 石嘴山网站建设 茂名网站建设 保山网站建设 锦州网站建设 云林网站建设 葫芦岛网站建设 湛江网站建设 上海网站建设 汕头网站建设 诚果国际供应链管理(江苏)有限公司
网站仿站活跃地区: 利通网站开发设计 鹤山网站开发设计 禄丰网站开发设计 双峰网站开发设计 辰溪网站开发设计 夏河网站开发设计 甘孜网站开发设计 蒲江网站开发设计 贵德网站开发设计 武乡网站开发设计 铜陵网站开发设计 湾仔区网站开发设计 海晏网站开发设计 肥乡网站开发设计 云溪网站开发设计 掇刀网站开发设计 诚果国际供应链管理(江苏)有限公司