推荐前端页面性能优化工具YSlow, PageSpeed, Chrome Dev Tools

做前端开发的想必都知道Yahoo提出的前端开发性能优化规则和Google提出的前端开发性能优化规则

https://developer.yahoo.com/performance/rules.html

https://developers.google.com/speed/pagespeed/insights/

今天借助工具扫描了一下以前金融客户的门户网站，不但没有进步，还退步了，连个最基本的js和css压缩都没有的。以前我们要求每个页面要达到Grade A的。

初级用户

YSlow

http://yslow.org/

Pagespeed

https://developers.google.com/speed/pagespeed/insights/

以上工具都是傻瓜化的工具，装好chrome的插件就可以使用了，就不写出具体的使用过程了。

高级用户

chrom dev tools的 timeline/profile功能。这个比较复杂，以后结合实例再做深入讲解。