Internet互联网、E-Learning电子化学习、M-Learning移动学习、OpenSource开源平台、SS社会性软件等的实践和思考。本站文章除特别说明外都为原创,文章可以自由转发,但必须署名源自本站。
Jun
26
在网站开发中,我们做的页面经常会犯一些错误,使页面变得非常大,这样,不但影响客户的反应速度,降低用户的体验,也浪费带宽,提高成本,特别对于流量大的时候,这种浪费通常是可怕的。
最容易出现的问题就是图片非常臃肿,CSS定义效率低等问题。
2009年6月,GOOGLE针对FIREFOX推出了Page Speed加速工具,能够分析我们网页的问题。Yahoo也推出过类似工具。
此工具仅支持FIREFOX,我也建议大家用FIREFOX,并且制作网页考虑其兼容性。
先下载FireBUG插件,http://getfirebug.com/,然后下载Page Speed插件,安装后再FF右下有个蜘蛛的图形,可以对页面进行分析。
我们可以看一个下面截图的例子,可以看出,这个站点的图片容量可以优化100K,接近50%,出现这个问题的主要原因是对大图进行强制定义大小,而没有再次生成。

最容易出现的问题就是图片非常臃肿,CSS定义效率低等问题。
2009年6月,GOOGLE针对FIREFOX推出了Page Speed加速工具,能够分析我们网页的问题。Yahoo也推出过类似工具。
此工具仅支持FIREFOX,我也建议大家用FIREFOX,并且制作网页考虑其兼容性。
先下载FireBUG插件,http://getfirebug.com/,然后下载Page Speed插件,安装后再FF右下有个蜘蛛的图形,可以对页面进行分析。
我们可以看一个下面截图的例子,可以看出,这个站点的图片容量可以优化100K,接近50%,出现这个问题的主要原因是对大图进行强制定义大小,而没有再次生成。






