Tip:
Highlight text to annotate it
X
让网络更快
使用Page Speed提高网站速度
大家好,我是Sam Kerner
我是一名Google软件工程师
我的主要工作是让Google运行得更快
Page Speed是一个很有用的工具,它可以向您提供
如何让您的网站更快运行的建议
这个工具会查看很多方面,例如您是否压缩了图片
您是否设定了恰当的缓存headers
您的JavaScript语句写得是否高效,等等
为了能向您展示Page Speed的用途
我建了一个非常简单的网站
我将以此为例,对Page Speed做一下演示
并向您提供一些建议
这个网页上有三张图片
使用了一些Javascript语句,来实现
当用户鼠标指向某幅图片时显示相关文字的功能
现在我打算启动Page Speed
它是一个Firebug扩展插件,所以接下来我点击一下Firebug的图标
点击Page Speed选项卡,
再点击“状态分析”,
我就得到了针对我网站的一系列建议
第一个建议是,我应该注意
为JavaScript瘦身
这条建议告诉我,我有12KB的
JavaScript语句, 其中98.3%的部分是冗余的
这就是我所使用的JavaScript语句
您可以看到我加了一个很长的注释
Page Speed帮我生成了一个简化版
一个没有注释和空格的版本
今后我将使用这个简化版来替代以前的冗长版
现在我刷新这个页面...
状态分析...
现在,您会发现,关于过多JavaScript的警示信息
已经消失了
我准备查看的下一条建议是“图片优化”
这条建议告诉我,这个页面上的三个图片
并没有很好地压缩处理
而且,Page Speed能自动向我提供压缩好的图片版本
我把它保存一下
然后把另外两张图片也保存一下...
刷新页面,
再次分析状态,
这一次,我没有再得到关于图片压缩的警示信息
我刚刚向您演示的,其实只是
Page Speed能提供的众多网速改善功能中的一小部分
如果您希望了解关于提高网站速度
的更多信息,及安装Page Speed(英文版),
请访问code.google.com/intl/zh-CN/speed/page-speed/ 及阅读谷歌站长博客《将网速列为网页搜索排名因素》