关于web性能的思考与分享［03］——常用性能分析工具

⭐️ 本文首发自 前端修罗场(点击即可加入)，一个专注 Web 技术、答疑解惑、面试辅导、职业发展的社区。现在加入，即可参与打卡挑战，和一群人一起努力。挑战成功即可获取一次免费的模拟面试机会，进而评估知识点的掌握程度，获得更全面的学习指导意见，不走弯路，不吃亏！

---

今天，我们来介绍几款分析Web性能的工具，这对我们的优化很有帮助。
谷歌是个大家伙，在搜索引擎优化上也推出了自己的工具——PageSpeed Insights

1. PageSpeed Insights(有chrome的插件版和在线版)

---

在线版地址：
https://developers.google.com/speed/pagespeed/insights/

在这款工具中，输入你要测试的网址URL，就能得出分析结果，里面包含了“应当修复“和“考虑修复“的意见，分为PC端盒移动端的测试结果，还告诉你为什么要这样修复的原因并进行了一番理论性的介绍。例如“启用图片压缩“一项中，就给出了如下解释：

这对于程序员而言，即掌握技术又学习的理论知识，可谓一举两得！

2. WebPagetest

---

WebPagetest是一款开源的性能分析工具，在分析完成之后会生成瀑布View，通过图形直观的分析需要优化的部分。

网址：http://www.webpagetest.org/

3.Http Wacth

httpwatch能够监听请求，纪录cookie、重定向等强大的功能！
但是目前httpwatch只提供IE和火狐的插件，没有chrome版。

参考：http://www.evget.com/product/2721