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

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


你可能感兴趣的:(页面加载,图片大小,页面渲染,页面性能,访问速度)