一般的性能測試流程是H5頁面開發完成后，先在測試環境進行測試，測試通過再部署到線上環境，所以測試階段要先進行測試環境配置。一般H5比較關注的性能數據：請求數量、請求大小和各事件加載時間。小編帶大家一起來看看具體的測試點吧！

cpu

當頁面中資源樣式復雜，強調視覺效果時，測試員可觀察CPU占用率來反映H5繪制質量。如果CPU長期處于高占用率，可考慮降低高計算量的視覺效果等手段。

內存

幀率尤其在有視頻和動畫效果的H5中，測試員應該重點關注，防止嚴重的卡頓流出。

首資源下載時間

從開始下載到第一個資源均下載完成的時間，不包括頁面繪制時間。

總資源下載時間

從開始下載到所有資源均下載完成的時間，不包括頁面繪制時間。

用戶可操作時間

從頁面開始加載到用戶操作可響應的時間。

白屏時間

用戶首次看到網頁有內容的時間，即第一次渲染流程完成時間。

首屏加載時間

即在可見的屏幕范圍內，內容展現完全，loading進度條消失。因此在H5性能優化中，一個很重要的目的就是盡可能提升這個“首屏加載”的時間，讓它滿足“一秒鐘法則”。

頁面渲染時間

隨著項目功能越來越多，存在部分頁面啟動時長過長的問題。

以上是對項目中遇到的H5頁面性能測試關注點的總結，除此之外，如果有其他未考慮到的地方，大家也可以來交流交流喲！

推薦閱讀：

ios手機自動化測試怎么做？ios手機自動化測試工具MR使用方法

移動端測試用例怎么寫？如何設計移動端測試用例？

移動app和小程序在測試上重點是是什么？

移動端自動化測試工具都有哪些？