欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

redux、immutablejs和mobx性能对比(二)

程序员文章站 2022-06-21 10:38:06
想知道immutablejs、mobx和原生的redux对比,到底谁的性能更高一筹吗,我们改如何对web页面进行性能测试吗,敬请关注我的这两篇博客,文中我将会从采集数据、分析数据、得出结论等方面详细的阐述我的测试历程。 ......

三、分析数据

  1、前提说明

    • 我对测试出的10个数据摘除最大值与最小值,然后求平均值
    • 根据平均值我绘制了一个曲线图一个柱状图
    • 曲线图用于查看1000-100000的性能趋势
    • 柱状图用于比较在相同条数下redux、immutablejs和mobx三者的性能差异 

   2、图表展示

    (一)页面加载速度

      • 开发环境页面首次加载时间柱状图

redux、immutablejs和mobx性能对比(二)

      • 开发环境页面首次加载时间曲线图

redux、immutablejs和mobx性能对比(二)

      • 生产环境页面首次加载时间柱状图

 redux、immutablejs和mobx性能对比(二)

      • 生产环境页面首次加载时间曲线图

redux、immutablejs和mobx性能对比(二)

 (二)点击某个todo页面渲染速度

      • 开发环境点击完成某个todo页面渲染时间柱状图

redux、immutablejs和mobx性能对比(二)

      • 开发环境点击完成某个todo页面渲染时间曲线图

redux、immutablejs和mobx性能对比(二)

      • 生产环境点击完成某个todo页面渲染时间柱状图

redux、immutablejs和mobx性能对比(二)

      • 生产环境点击完成某个todo页面渲染时间曲线图

redux、immutablejs和mobx性能对比(二)