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 代码都混淆了,所以很多时候看的不是很清楚逻辑

说明

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

原文地址:https://www.cnblogs.com/rongfengliang/p/14092464.html