移動(dòng)測(cè)試之H5頁(yè)面性能測(cè)試點(diǎn)總結(jié)

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

cpu

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

內(nèi)存

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

首資源下載時(shí)間

從開始下載到第一個(gè)資源均下載完成的時(shí)間，不包括頁(yè)面繪制時(shí)間。

總資源下載時(shí)間

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

用戶可操作時(shí)間

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

白屏?xí)r間

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

首屏加載時(shí)間

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

頁(yè)面渲染時(shí)間

隨著項(xiàng)目功能越來越多，存在部分頁(yè)面啟動(dòng)時(shí)長(zhǎng)過長(zhǎng)的問題。

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

推薦閱讀：

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

移動(dòng)端測(cè)試用例怎么寫？如何設(shè)計(jì)移動(dòng)端測(cè)試用例？

移動(dòng)app和小程序在測(cè)試上重點(diǎn)是是什么？

移動(dòng)端自動(dòng)化測(cè)試工具都有哪些？