为<img/>上的图像指定图像宽度和高度的原因

通过提前指定宽度和高度,浏览器将在第一次通过时呈现页面上所有元素的位置和大小。如果不指定大小,它必须先下载文件,然后才能知道它们,然后必须重新呈现页面上的所有组件,这需要时间。这也使得用户体验不那么流畅。

作为 Google Pagespeed's pages themselves explain ,当在加载图像之前给定图像的尺寸时,浏览器可以在布局中为图像保留必要的空间。

为所有图像指定宽度和高度可以通过消除不必要的回流和重绘来实现更快的渲染。

通过指定高度和宽度,可以帮助浏览器不必计算它。