移動測試之H5頁面性能測試點總結(jié)

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

cpu

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

內(nèi)存

幀率尤其在有視頻和動畫效果的H5中，測試員應(yīng)該重點關(guān)注，防止嚴(yán)重的卡頓流出。

首資源下載時間

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

總資源下載時間

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

用戶可操作時間

從頁面開始加載到用戶操作可響應(yīng)的時間。

白屏?xí)r間

用戶首次看到網(wǎng)頁有內(nèi)容的時間，即第一次渲染流程完成時間。

首屏加載時間

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

頁面渲染時間

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

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

推薦閱讀：

ios手機自動化測試怎么做？ios手機自動化測試工具M(jìn)R使用方法

移動端測試用例怎么寫？如何設(shè)計移動端測試用例？

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

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