当我们知道了web前端性能的关键点后,那么接下来要做的是如何去具体实施并获取这些关键点的数据了。通过前面的学习知道了不少好的工具,经过对比后个人觉得dynatrace还是不错的。
  不仅支持ie,ff浏览器,还具备js函数级别的优化分析,它的分析数据也是全面的,分析数据可以导出,后和yslow,pagespeed一样支持向showslow上面传送结果信息这样节省了很多的事情了。所以实施方案具体确定为dynatrace用来捕获web前端页面访问的性能数据,然后上传至showslow来浏览测试结果。
  dynatrace安装与使用
  1、下载并安装dynatrace ajax edition
  2、从开始--》程序可以打开该工具
  3、启动IE后默认状态是没有连接到dynatrace
  4、点击ie上dynatrace插件的左边的连接
  5、连接成功后会自动刷新当前url页
  6、此时刷新dynatrace工具界面上的browser节点
  7、载入测试数据成功后能看到数据分析图表
  showslow站点的安装
  showslow是一个开源的php项目,主要用来展示多个测试工具的性能数据,比如yslow等。它有一个线上版的,也支持你下一个源码在自己的公司搭建一个本地版showslow。所以这里我们会搭建一个自己私人的showslow站点。
  1、下载showslow,并解压到一个本地目录
  2、下载搭建showslow站点的其他支撑程序,如web服务器、php、mysql等
  3、下载apache2.2,,nginx也可以,其它的支持php执行的web服务器都行【但是配置可能有点麻烦】
  4、下载php程序,好是5.3的,而且是线程安全的版本【不然有些模块没有,而且安装时选择apache 2.2 x-modle,以及安装扩展插件】
  5、下载mysql5.5及以上的,这个默认安装的选项可以了
  配置各支持程序:
  官方说明链接:http://www.showslow.org/Installation_and_configuration
  apche配置:
  1、先测试一下默认的安装后是否可以工作
  2、修改httpd.conf配置文件
  3、去掉以下3个模块加载的注释符号: mod_deflate, mod_rewrite and mod_expires
  4、添加一行模块加载语句LoadModule php5_module "x:/.../php/php5apache2_2.dll"
  5、添加以下2种web的请求类型页:【在<IfModule mime_module>标签之间】
  AddType application/x-httpd-php .php
  AddType application/x-httpd-php .phtml
  6、在文档下方添加一行php配置文件的目录:PHPIniDir "x:/.../php"
  7、修改DocumentRoot的路径为你解压showslow的目录【记住是有两处,还有一个在<Directory >标签处】
  8、为DirectoryIndex添加一个默认的php浏览文件:形如:DirectoryIndex index.php
  9、浏览以下index.php页,如果显示了php源码文件内容,则上述配置没有什么大问题
  php配置:
  1、打开php安装目录中的配置文件php.ini
  2、取消以下2个扩展模块的注释符号:php_mysql.dll,php_mysqli.dll

  mysql配置:
  1、测试mysql是否安装正确
  2、给showslow创建数据库

 

[sql] view plaincopy
$ mysql -u root -p
mysql> create database showslow;
mysql> grant usage on showslow.* to showslowuser@localhost identified by '... database-password ...';
mysql> grant all privileges on showslow.* to showslowuser@localhost;
mysql> quit
[sql] view plaincopy
$ mysql -u root -p
mysql> create database showslow;
mysql> grant usage on showslow.* to showslowuser@localhost identified by '... database-password ...';
mysql> grant all privileges on showslow.* to showslowuser@localhost;
mysql> quit