关于“如果图片大小不做定义，则页面需要重新渲染”的理解

2019独角兽企业重金招聘Python工程师标准>>>

今天用百度站长工具对网站做了一下检测，其中有提示“如果图片大小不做定义，则页面需要重新渲染，速度受到影响”，之前从未想到这种情况也会影响到网站的访问速度。这样未做图片大小定义的地方被列举了30多个。

百度既然列出了这些问题，首先可以肯定的是这些问题是会给百度蜘蛛的访问带来不便，所以不管这些因素造成的影响的大小，都是应该去考虑解决的。

最先考虑到的是看看那些大型的网站看看它们在这一块是怎么做的，试着用京东商城、当当网等一些比较大型的电子商务网站都在这一块做了处理，而且出现的影响网站速度的因素基本上没有。看来“图片大小定义”这一块是必须要处理的内容。

其次就是怎么去做的问题，每个img标签都去添加width和height来定义，工作量太大，而且会增加很多的冗余代码。如果通过外围的标签来定义大小，行不通。最后是在img标签后面加了一个类标签来约束，通过CSS来定义图片大小，就可以了。

例如：<img src="images/label.jpg">，这样写肯定是会提示“如果图片大小不做定义，则页面需要重新渲染，速度受到影响”，所以将上述改成<img src="images/label.jpg" height="100px" width="100px">就可以了（具体的大小按实际图片的规格或者自己的需求设定），或者定义个类<img src="images/label.jpg" class="imglag">，再在样式表里面定义imglag的大小。

转载于:https://my.oschina.net/glelaine/blog/270539