web前端性能分析--实践篇

发表于:2013-9-29 11:25

字体: | 上一篇 | 下一篇 | 我要投稿

 作者:hualusiyu    来源:51Testing软件测试网采编

  当我们知道了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
21/212>
《2023软件测试行业现状调查报告》独家发布~

关注51Testing

联系我们

快捷面板 站点地图 联系我们 广告服务 关于我们 站长统计 发展历程

法律顾问:上海兰迪律师事务所 项棋律师
版权所有 上海博为峰软件技术股份有限公司 Copyright©51testing.com 2003-2024
投诉及意见反馈:webmaster@51testing.com; 业务联系:service@51testing.com 021-64471599-8017

沪ICP备05003035号

沪公网安备 31010102002173号