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 模式
- 查看效果
注意因为web js 代码都混淆了,所以很多时候看的不是很清楚逻辑
说明
以上是一个简单的试用,很多时候都是排查问题还是比较有用的