pagetimeline

###操作系统/浏览器支持

windows:chrome

unix/linux(desktop+server):chrome

android:chrome

###安装

####windows

npm install pagetimeline

####ubuntu

ubuntu通过apt-get安装node后默认运行名为nodejs，需要更名为node，假定nodejs路径为: /usr/bin/nodejs

sudo ln -s /usr/bin/nodejs /usr/bin/node
sudo visudo
在secure_path值前面添加/usr/bin

安装pagetimeline:

sudo npm install pagetimeline

遇到nobody账户问题时：
sudo npm install pagetimeline --unsafe-perm

#####centOS

切换到root权限:

su root

安装pagetimeline:

npm install pagetimeline

遇到nobody账户问题时：
npm install pagetimeline --unsafe-perm

#### GraphicsMagick

如果想得到首屏的热力图截图，请安装GraphicsMagick

本软件依赖的图像处理软模块为gm,需要依赖于GraphicsMagick

###使用示例

标准：

node ./bin/pagetimeline.js --url=http://www.baidu.com --timeout=2000 --verbose

使用配置文件配置:

node ./bin/pagetimeline.js --config=config.json

排除某些基础模块：

node ./bin/pagetimeline.js --url=http://www.baidu.com --skip-modules=assets,har

包含某些特殊模块:

node ./bin/pagetimeline.js --url=http://www.baidu.com --special-modules=hao123global

输出格式为json：

node ./bin/pagetimeline.js --url=http://www.baidu.com --verbose --format=json

输出har文件：

node ./bin/pagetimeline.js --url=http://www.baidu.com --verbose --har-dir=./har/

输出性能热力图截图文件：

node ./bin/pagetimeline.js --url=http://www.baidu.com --verbose --screenshot-dir=./screenshot/

输出性能分析结果文件:

node ./bin/pagetimeline.js --url=http://www.baidu.com --verbpse --result-dir=./result/

使用android chrome测试：

usb连接手机，并启动usb调试功能

node ./bin/pagetimeline.js --url=http://www.baidu.com --verbose --mobile=android

带缓存测试：

测试两遍：no cache vs cache

node ./bin/pagetimeline.js --url=http://www.baidu.com --verbose --reload

测试多遍：no cache vs n cache

node ./bin/pagetimeline.js --url=http://www.baidu.com --verbose --reload --reload-count=10

CLI支持:

node ./bin/pagetimeline.js --url=http://www.baidu.com --silent

此时仅输出结果数据到stdout或者stderr

使用系统自带的浏览器-根据环境变量：

node ./bin/pagetimeline.js --url=http://www.baidu.com --browser-path=env

使用系统自带的浏览器-自定义位置：

node ./bin/pagetimeline.js --url=http://www.baidu.com --browser-path="c:\chrome.exe"

禁止数据上传:

数据默认会上传到sitearchive.baidu.com，进行可视化展现

禁止默认上传：

node ./bin/pagetimeline.js --url=http://www.baidu.com --disable-upload


###命令行参数支持

* --url, target url, e.g. --url=http://www.baidu.com
* --server, remote debugger server, e.g. --server=localhost | xxx
* --port, remote debugger port, default 9222, if not setting,auto find available port, e.g. --port=9222
* --disk-cache, disk cache,default false, e.g. --disk-cache=true
* --mobile, mobile android or iphone, e.g. --mobile=android
* --config, JSON-formatted config file, e.g. --config=./config.log
* --viewport, window viewport width and height, e.g. --viewport=1920x768
* --proxy, specifies the proxy server to use, e.g. --proxy=192.168.1.42:8080
* --modules, specify module, unber "modules/base", e.g. --modules=firstscreen,whitescreen
* --skip-modules, skip module, under "modules/base", skip selected modules [moduleOne],[moduleTwo],.., e.g. --skip-modules=firstscreen,whitescreen.
* --special-modules, specify special module, unber "modules/special", e.g. --modules=hao123global,hao123global
* --timeout, time after onload event, default 5000, e.g. --timeout=5000
* --browser-timeout,time after open browser command, default 2000, e.g. --browser-timeout=2000
* --user-agent, provide a custom user agent, e.g. --user-agent=Mozilla/5.0 (Windows NT 6.3; WOW64; rv:30.0) Gecko/20100101 Firefox/30.0
* --verbose, write debug messages to console, e.g. --verbose
* --silent, dont\'t write anything to the console, e.g. --slient
* --format, output format, plain | json | csv, default plain, e.g. --format=json
* --browser, chrome,firefox, default chrome, e.g. --browser=chrome
* --browser-path, customer browser path, e.g. --browser-path=env, or --browser-path="c:\chrome.exe"
* --har-dir, file directory, e.g. --har-dir=./
* --screenshot-dir, screenshot file directory, e.g. --screenshot-dir=./, only support perfmap now
* --result-dir, performance analyze result file directory, e.g. --result-dir=./
* --reload, performance analyze twice, first with no-cahce and second with cache, e.g. --reload
* --reload-count,reload count, 2 or bigger, e.g. --reload-count=2
* --disable-upload, disalbe upload data to sitearchive, e.g. --disable-upload


###支持的功能

* first_screen_time, 首屏时间，及首屏内图片元素

* white_screen_time,白屏时间

* assetsTypes, 按资源类型划分，各类型包括：数量，大小，url详情

html_requests

html_size

jpeg_requests

jpeg_size

png_requests

png_size

css_requests

css_size

js_requests

js_size

gif_requests

gif_size

slowest_requests

...

* domreadyEvent

* onloadEvent

* load_time, 总下载时间

* timing

timing_appcache

timing_dns

timing_tcp

timing_ttfb

* global_variables 全局变量

* domains 域名总数及详情

* max_requests_per_domain 包含最大请求数的域

* webspeed, 植入webspeed监控脚本的性能数据，详情见http://webspeed.baidu.com

* 更多见: pagetimeline/modules

$3

http://remotedebug.org/integrations/
https://github.com/macbre/phantomas
http://www.graphicsmagick.org/

$3

* 网速模拟
* 并行

ubuntu下，chrome在切换user data directory时会弹出默认浏览器设置，暂时无法去除，导致时间相关性能指标为空

windows下，暂时不处理