李让博客

在做pagespeed测速的时候都会有一个这样的提示： 在html中指定图片的尺寸可以加快网页打开的速度。

以前自己总是认为是吧需要的图片裁剪成需要的大小，不要通过css来使其压缩成所需要的大小。但这样做之后还是会有这样的提示，一直没有追究这个问题，现在终于知道了答案。

johnnyzong 同学给出的答案：

页面加载图片的时候，(暂不考虑不同浏览器的下载并发数量情况下)如果页面代码中不设定img的宽高，那么浏览器在加载过程中会不断计算每张图片的即时宽高，直到图片完整显示出来为止。而设定了宽高，浏览器返回的信息里预先把要加载的图片宽高预留出来即可，那么浏览器就可以腾出时间和并发去下载其他的图片。这也就是为什么给图片设置宽高，可以略微改善页面打开速度的原因。当然，页面总数越大的站，页面图片数或网站图片总数大的站点，这种加载的变化就越明显~

综上：以后做图片的时候，既要做成需要的大小，尽量不要使用css控制的缩略图，又要在页面源码中指定图片的大小，这样会很好的提升网页加载速度了。