很多网站开发人员都非常熟悉YSlow性能检测插件，它以Firefox插件的形式，几乎成为了所有前端开发人员的标配工具。YSlow遵守基于所有基础的性能最佳实践的规则，快速分析HTML文档代码组成，以供包括12条基本规则：

● 尽量减少HTTP请求。

● 使用CDN。

● 静态资源使用Cache。

● 启用Gzip压缩。

● JavaScript脚本尽量放在页面底部。

● CSS样式表放在顶部。

● 避免CSS表达式。

● 减少内联JavaScript和CSS的使用，尽可能使用外部的JavaScript和CSS文件。

● 减少DNS查询。

● 精简JavaScript。

● 避免重定向。

● 删除重复的脚本。

这些规则能够帮助开发者快速地发现页面性能问题。一个页面如果遵守了以上规则进行前端开发，那么抛开网络因素，至少可以保证它在页面加载阶段的性能不会产生问题。

但我们回过头回顾一下这些实践规则，基本上它将焦点都放在了页面的加载阶段，而在加载完成后的浏览器的解析、渲染阶段是空白的。

对于一个常规的相对简单的页面来说，以上规则的检查足够了，但是一旦遇到包含大量JavaScript 文件及复杂布局的页面时，很难通过 YSlow 来分析浏览器在页面解析、渲染各个阶段的时间，从而导致优化无从入手。所以接下来，我们看一下Google开源的优化工具PageSpeed。

百度地图推广运营中心专业从事百度地图商户通开户及运营、搜索引擎营销、网站建设、百度爱采购推广等营销业务，欢迎交流和咨询！