flamescope + chrome cpu profile 分析web 性能

flamescope 也是支持chrome cpu profile 的火焰图的，以下是一个简单的试用

chrome cpu profile

测试的taobao的网站

• 开启js cpu profile

 

 

• 运行

 

 

• 停止保存

进行一些操作之后停止保存

 

 

• 准备flamescope 环境
  docker-compose 文件

 

version: "3"

services: 

  flamescope:

     image: dalongrong/flamescope

     ports: 

     - "5000:5000"

     volumes: 

     - "./profiles:/profiles"

将保存的cpu profle 放到profiles文件夹

• 启动环境

docker-compose up -d

查看火焰图

• 选择chome cpu profile 模式

访问地址 http://localhost:5000

 

 

• 查看效果

注意因为web js 代码都混淆了，所以很多时候看的不是很清楚逻辑

 

 

说明

以上是一个简单的试用，很多时候都是排查问题还是比较有用的