我很久以前就从某个地方了解到，指定宽度和高度<img>HTML 文档中的元素可以加快并改善页面加载体验，并且通常遵循以下做法：
<img src="" width="100" height="100" />
我现在面临的情况是，单个页面上有大量图像，我更喜欢通过 CSS 设置尺寸，以便更轻松地控制和减少重复的 HTML 代码：
.whatever img {width: 100px; height: 100px;}
虽然这不是一个非常严重的问题，但我想知道在 CSS 中声明尺寸是否与在 HTML 中声明尺寸具有相同的好处，或者是否应该直接在 HTML 中完成？
任何见解都会受到欢迎。
Thanks
我想如果样式表立即可用，图像尺寸将立即应用于布局，这就是练习的重点。
这一猜测得到了支持Google 的页面速度规则 http://code.google.com/speed/page-speed/docs/rendering.html#SpecifyImageDimensions。他们似乎很擅长以这种方式指定图像（强调我的）：
指定所有图像的宽度和高度可以消除不必要的回流和重绘，从而加快渲染速度。
当浏览器布置页面时，它需要能够围绕可替换元素（例如图像）流动。它甚至可以在下载图像之前开始渲染页面，前提是它知道包裹不可替换元素的尺寸。如果包含的文档中未指定尺寸，或者指定的尺寸与实际图像的尺寸不匹配，则下载图像后浏览器将要求回流并重新绘制。为了防止重排，请在 HTML 中指定所有图像的宽度和高度<img> tag, 或者在 CSS 中.
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)
