利用Jenkins+Phantomas进行前端性能自动化测试

前面我们介绍了怎么安装配置ShowSlow和HARViewer,以及Phantomas的使用简介,那怎么将这些工具串起来搭建一个前端自动化测试平台呢?且听我慢慢道来……

这里假设大家都已经正确安装了phantomjs、phantomas、slimerjs、showslow、harviewer和yslow(yslow.js下载地址:http://yslow.org/phantomjs/),这些都是需要用到的工具。

通过yslow进行页面分析并上报到showslow平台进行数据收集。

#phantomjs yslow.js http://www.liveapp.cn/ --info grad[......]

阅读全文>>

Phantomas的安装和使用

基于PhantomJS的模块化网络性能指标收集器。为什么是Phantomas?请参考 因为 🙂

NPM version
Build Status

Download stats

要求

安装

npm install --global phantomas

这将安装PhantomJS的最新版本,并添加一个名为 ‘phantomas’的软连接 (指向 ‘./bin/phantomas.js’) 到系统变量 ‘PATH’中。

你可能需要安装 libfontconfig ,执行命令

sudo apt-get install libfontconfig1

phantomas是用JavaSc[……]

阅读全文>>

前端性能监控平台搭建及应用

前言

为什么要监控性能

“If you cannot measure it, you cannot improve it” ———— William Thomson

这是一个最基本的问题,为什么要关注和监控前端性能?对于公司来说,性能在一定程度上与利益直接相关。国外有很多这方面的调研数据:

性能
收益

Google 延迟 400ms
搜索量下降 0.59%

Bing 延迟 2s
收入下降 4.3%

Yahoo 延迟 400ms
流量下降 5-9%

Mozilla 页面打开减少 2.2s
下载量提升 15.4%

Netflix 开启 Gzip
性能提升 13.25[……]

阅读全文>>