前端性能监控平台showslow+Yslow搭建

Posted loayi

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了前端性能监控平台showslow+Yslow搭建相关的知识,希望对你有一定的参考价值。

1.环境准备

  Apache+mysql+php+Linux

  

  Apache和MySQL直接yum安装即可

  PHP安装

    https://www.cnblogs.com/beyang/p/6972412.html

 

2. showslow安装

 

  数据库配置

1 $ mysql -u root -p
2 mysql> create database showslow;
3 mysql> grant usage on showslow.* to showslowuser@localhost identified by ... database-password ...;
4 mysql> grant all privileges on showslow.* to showslowuser@localhost;
5 mysql> quit

 

  下载安装包http : //www.showslow.org/downloads/

  将下载的安装包解压到/var/www/html/下

# tar -xjf showslow_1.2.2.tar.bz2

  

  进入安装包目录,复制 config.sample.php 为 config.php

# cp config.sample.php config.php

 

  修改数据库连接配置

$ db  =  ‘ showslow ‘ ; 
$ user  =  ‘ showslowuser ‘ ; 
$ pass  =  ‘ ... database-password ... ‘ ; 
$ host  =  ‘ localhost ‘ ;

 

  安装,执行make即可,待出现success代表安装成功。

# make

 

  之后就可以通过http://localhost/showslow 访问了

 

3.Yslow配置

  由于新版本的FireFox把Firebug集成了,所以我也不知道现在该怎么在Firefox上面安装Yslow,折腾了半天也没找着方法,也不想去安装低版本了,这里就使用chrome安装了Yslow。

  另外由于最近Yslow不知道什么鬼在google商店安装yslow总提示下载遇到问题,后面我会把插件包导出来放到后面。

  在chrome上安装好yslow之后,右键点击yslow,再点击选项,修改下面三条配置。

  • extensions.yslow.beaconUrl = http://localhost/showslow/beacon/yslow/
  • extensions.yslow.beaconInfo = grade
  • extensions.yslow.optinBeacon = true

 

  不同数据来源的配置方法在http://localhost/showslow/configure.php 这个页面都有描述。

以上是关于前端性能监控平台showslow+Yslow搭建的主要内容,如果未能解决你的问题,请参考以下文章

使用dynatrace+showslow进行前端性能测试

基于Sentry的前端性能监控平台搭建与应用

collectd+influxDB+grafana搭建性能监控平台

yslow前端性能测试工具

性能测试监控策略汇总

前端Yslow的23个优化原则