這兒有一個使你網頁性能提升10倍的工具

這兒有一個使你網頁性能提升10倍的工具

今天上午10:00,我發布了業界第一款「性能統計分析框架」Hiper

截止到2018年6月5號23:59分,已經107個star了,同時項目也衝上了github新生榜單第七名的位置

先說下Hiper是解決什麼問題的:

我們開發完一個項目或者給一個項目做完性能優化以後,如何來衡量這個項目的性能是否達標?

我們的常見方式是在Dev Tool中的performance和network中看數據,記錄下幾個關鍵的性能指標,然後刷新幾次再看這些性能指標。

有時候我們發現,由於樣本太少,受當前「網路」、「CPU」、「內存」的繁忙程度的影響很重,有時優化後的項目反而比優化前更慢。

如果有一個工具,一次性地請求N次網頁,然後把各個性能指標取出來求平均值,我們就能非常準確地知道這個優化是「正優化」還是「負優化」。

並且,也可以做對比,拿到「具體優化了多少」的準確數據。這個工具就是為了解決這個痛點的。

同時,這個工具也是學習「瀏覽器載入渲染網頁過程」和「性能優化」的一個利器,因此我們也可以把他作為一個強大的學習輔助工具,不至於讓我們在樣本過少的情況下得到錯誤的結論。

Hiper就是為了解決上述的痛點應運而生的,如果你也有類似的痛點,或者你僅僅是需要一款工具輔助你學習「瀏覽器載入渲染網頁過程」和「性能優化」方面的知識,那麼Hiper是你正確的選擇!!

我會一直投入心血在這個項目上,所以歡迎大家star,PR更加歡迎!!

下面是統計數據截圖:

詳細使用信息請參照項目的README.md和這篇文章


推薦閱讀:

cnpm: command not found 解決方案和node -v 出現232錯誤
Angular2以上項目中使用jquery插件
棒棒團分享活動第二期:非專業轉前端自學四個月找到工作的經驗分享
[Nuxt.js 系列] 踩坑分享篇

TAG:網頁 | 科技 | 前端開發 |