Showslow+Yslow+DynaTrace前端性能自动化执行机使用手册

目录

1.背景... 3

2.前端性能标准... 3

2.1 yslow.. 3

2.2 page speed.. 4

2.3 dynatrace ajax edition.. 5

3.方案选择... 5

3.1 yslow.. 5

3.2 dynaTrace Ajax Edition.. 5

3.3 showslow.. 6

4.环境搭建... 6

4.1安装JDK.. 6

4.2安装Showslow.. 7

4.3安装Yslow.. 11

4.4安装DynaTrace.. 16

5.实现接口服务化... 18

5.1 导入java工程... 18

5.2 接口描述... 38

5.3 调试界面... 39

5.4 dynatrace测试数据自动删除... 40

5.5 自动登录的实现... 47

6.常见问题及解决办法... 50

6.1 showslow页面出现警告Warning: mcrypt_encrypt(): Key of size 27 not supported by this algorithm. Only keys of sizes 16, 24 or 32 supported in E:\yeronghuan\AppServ\www\showslow\users\classes\CookieStorage.php on line 64   50

6.2 如何去掉页头，简化页面布局... 51

6.3 showslow打开url结果分析详情页面时很慢，要等几十秒才能展开页面... 52

6.4如何去除URL结果明细页面中的tools广告栏目... 52

6.5 yslow在firffox中无法上传测试数据到showslow数据库，查看apache服务器日志报500错误     54

 

 

1.背景

应用的性能测试与优化目前主要停留在服务器端的反馈，而对于前端性能标准的研究与测试相对比较空白，缺乏统一的标准与工具。众所周知，浏览器 html组件的下载及渲染性能直接影响最终的用户体验，目前应用的前端性能有许多优化空间，因此对前端性能进行测试与监控，有利于提升客户体验，做到全方位的性能监控，实现“客户第一”的价值。

2.前端性能标准

目前较为流行且免费的前端性能评测标准及工具，是以yahoo的yslow及google的pagespeed为主。yslow和page speed是两款firefox浏览器下功能类似的插件，其主要功能是在用户访问网页时，可用此插件对当前访问的网页按若干条固定的评分标准进行前端性能评分。另有dynatrace也提供与yslow和pagespeed类似的评价标准。

2.1 yslow

评分标准：主要有35条评分标准，具体标准参见官方文档http://developer.yahoo.com/performance/rules.html。

插件下载：http://developer.yahoo.com/yslow/

插件运行：插件运行后，在firefox中访问网页，插件将会显示对该网页的评分，15个标准（使用到的评分标准数在不同版本的yslow插件中有所不同）从A-F进行打分。下图是对阿里巴巴中文网站首页的一个打分情况：

2.2 page speed

评分标准：pagespeed主要的评标准有29条http://code.google.com/speed/page-speed/docs/rules_intro.html

插件下载：http://code.google.com/speed/page-speed/download.html

插件运行：pagespeed除了支持firefox外，还支持google chrome浏览器，下图是在firefox中用page speed评估http://www.1688.com的结果

2.3 dynatrace ajax edition

评分标准：评分标准分为四个大类，包括Cache、网络、Server端、JavaScript代码，每个大类都有A~F六个等级，各个大类下面的最佳实践细则与yslow及page speed类似http://community.dynatrace.com/ext/ajax/PUB/Best+Practices+on+Web+Site+Performance+Optimization。

下载安装：