前端性能测试之分析篇

引言

前一章，我们讲了browser的工作原理,那么怎么样才能让了解整个主站前端的性能呢？监控！ 对，是的，我们可以利用各种工作对我们的website进行实时的监控,目前监控的方式有两种。

类型优点缺点示例非侵入式指标齐全、客户端主动监测、竞品监控无法知道性能影响用户数、采样少容易失真、无法监控复杂应用与细分功能Pagespeed、yslow、PhantomJS、webpagetest、sitespeedio侵入式真实海量用户数据、能监控复杂应用与业务功能、用户点击与区域渲染需插入脚本统计、网络指标不全、无法监控竞品new relic、Google analyse、oneapm

前端性能分析工具

那有哪些简易便利的工具能帮助我们更好的进行测试呢？ ok，工具集锦来临。

浏览器插件类

FireBug 它可以对页面进行调试，可以记录所有网页的访问耗时，下载的资源等Page Speed Yslow page performance performance analyse

在线网站类

WebPageTest showslow

sitespeed.io

平台类

收费服务平台

google_analytics

new relic oneapm

最新内容请见作者的GitHub页：http://qaseven.github.io/ 相关资源：Performance面板进行性能分析调优分析文件