想知道immutablejs、mobx和原生的redux對比,到底誰的性能更高一籌嗎,我們該如何對web頁面進行性能測試嗎,敬請關註我的這三篇博客,文中我將會從採集數據、分析數據、得出結論等方面詳細的闡述我的測試歷程。 ...
三、分析數據
1、前提說明
-
- 我對測試出的10個數據摘除最大值與最小值,然後求平均值
- 根據平均值我繪製了一個曲線圖一個柱狀圖
- 曲線圖用於查看1000-100000的性能趨勢
- 柱狀圖用於比較在相同條數下redux、immutablejs和mobx三者的性能差異
2、圖表展示
(一)頁面載入速度
-
-
- 開發環境頁面首次載入時間柱狀圖
-
-
-
- 開發環境頁面首次載入時間曲線圖
-
-
-
- 生產環境頁面首次載入時間柱狀圖
-
-
-
- 生產環境頁面首次載入時間曲線圖
-
(二)點擊某個todo頁面渲染速度
-
-
- 開發環境點擊完成某個todo頁面渲染時間柱狀圖
-
-
-
- 開發環境點擊完成某個todo頁面渲染時間曲線圖
-
-
-
- 生產環境點擊完成某個todo頁面渲染時間柱狀圖
-
-
-
- 生產環境點擊完成某個todo頁面渲染時間曲線圖
-
此乃作者原創作品,如需轉載,請在標題標明【轉載】並附上原文鏈接,謝謝。