通过火狐浏览器,浏览网站,(开启了yslow)(类似的谷歌的工具是 pagespeed)

得到页面上各项的得分(参考高性能网站建设指南),字母越靠后,分值越低。

 点击可查看详情

点击Componects,查看各个资源的压缩情况和请求消耗时间:

 查看yslow的完整报告:

danatrace工具可以分析js性能

 启动danatrace,选择火狐浏览器

浏览要测试的网页

 danatrace中生成相应的结果报告

 报告可以看到每个请求的得分,包括渲染时间,加载时间,总时间,花费在服务器的时间,花费在客户端的时间等;

 点击链接,下方可以看到这个链接详细的报告,例如缓存得分、网络得分、服务器得分、Js得分等;

其中js可以定位到具体的代码,以及调用这个js的方法,和这个js调用的方法

 PurePaths 可以以各维度对资源进行排序

以上都是对静态页面进行性能分析,loadrunner可以在压测的时候,对页面进行分析

压测完成后,添加

下图可以看到各个地址,不同资源各个阶段的占用时间占比及资源大小,比如review就是下载的时间,下载时间长则考虑压缩资源大小。

 下图可以看到不同地址下,各资源时间消耗占比

 

 下图可以看到不同地址下,各资源大小占比

各资源在服务器和网络上消耗的时间占比

 前端性能测试更直观,投入收益比高,发现问题后解决的成本低。应该先做。

谷歌浏览器:pagespeed 《高性能网站建设指南》