最近,我将博客的加载速度进行了代码和前台的优化,而这个过程中,给予我最大帮助的是一款叫做Page Speed的工具,所以推荐给大家用用。
Page Speed是开源Firefox/Firebug 插件。网站管理员和网络开发人员可以使用 Page Speed 来评估他们网页的性能,并获得有关如何改进性能的建议。(注:现在chrome可以很方便的使用Page Speed)
如果你想下载或更深入的Page Speed,可以点击这里查看Google Code中的Page Speed中文主页。
虽然Page Speed的作用有很多,但此处我仅对网站优化来讲。
当你下载安装完Page Speed后,点击F12或者按下工具-开发人员工具,点击Page speed就可以使用了。Google还提供在线检查服务,点击这里使用。
打开Page Speed后,点击分析按钮,Page Speed会自动把需要更正的问题按高中低优先级排列,我们要做的事情就是一件事情一件事情的完成就OK了。
Pagespeed
如果有暂时不能完成,可以搁置。
我总结了需要优化的几个部分:
网页压缩是可以让网页更快的很好的办法
图片的无损压缩对于网站的打开速度非常有帮助
Js和css的压缩可以提高网页载入时间,甚至摆放顺序不同整个网页的加载时间也会不同。如果内嵌小型css和js的话更好。
Html的优化主要是删除空格和没意义的字符。