加急!! 求一个好用的前端性能测试工具

[380376212_0527]

• 需求

1. 测试web上的一个设计工具:每平每屋·设计家

• 需求说明:

1. 设计家是一个装修设计 云设计工具 ,可以进行平面和3d操作
2. 求一个测试工具,可以用来测试设计方案内的一些性能指标:
   1. 方案打开时间:也可以包括一些业界的常用指标
      
      
   2. 方案内操作的流畅性的量化评估,比如fps或者延迟时间等
      
      
3. 实践操作:
   在网上看了一些工具,
   比如lighthouse, 结果是在打开网页的时候,会出现一些错误
   
   其他,比如perfomance,结果比较乱(后面会继续研究这个)
   WebPageTest:测试结果只有前面几秒,网上说这个工具会被河蟹
   PageSpeed Insights:我电脑上打不开

附: 我们的性能测试使用的是Hades框架
ps: 设计家不是我们的产品,我们的产品是跟设计家相似的

[Jaxon (霍格沃兹-修然)]

chrome开发者工具里的瀑布流就可以分析吧

[seveniruby (思寒)]

用chrome的开发者工具就行了，里面的network和performance几乎可以解决所有的性能分析需求。

瀑布流图

资源性能分析图

性能剖析图

可以细化到每个细微的js函数执行与资源解析。

[380376212_0527]

performance输出东西是挺多的，但感觉太细了，反而没有那种能结合使用感受的性能数据，我再研究研究，感谢老师

[380376212_0527]

瀑布流针对的是接口，感觉不太能用于前端，尤其是FPS这种的，感谢老师

[seveniruby (思寒)]

有的 我只是没截图进去。你好好研究下吧，课程里也有讲到这些。

[nofun]

puppeteer 原生支持Chrome内核