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

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

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

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

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

瀑布流图

资源性能分析图

性能剖析图

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

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

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

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

puppeteer 原生支持Chrome内核

关闭