關(guān)注前端的性能測試

前端所關(guān)注的指標(biāo)

在性能測試中,前端和后端所關(guān)注的指標(biāo)是不一樣的

響應(yīng)時(shí)間

如果進(jìn)行的是系統(tǒng)級(jí)別的測試,那么響應(yīng)時(shí)間就是從 C 端發(fā)出請(qǐng)求開始計(jì)算,直到 C 端收到響應(yīng)數(shù)據(jù)并展示出來的時(shí)間。也就是下圖中的N1+N2+T3+T4+T5+T6+T7+T8
如果進(jìn)行的是接口級(jí)別的測試,那么響應(yīng)時(shí)間就是從 C 端發(fā)出請(qǐng)求開始計(jì)算,直到 C 端收到最后一個(gè)字節(jié)的響應(yīng)數(shù)據(jù)。也就是下圖中的N1+T3+T4+T5+T6+T7+T8

圖示
請(qǐng)求響應(yīng)的過程
  • 減少http請(qǐng)求數(shù)量
    前端優(yōu)化方面,可以減少http的請(qǐng)求數(shù)量,去除沒必要的重復(fù)請(qǐng)求
  • 使用CDN
    CDN(內(nèi)容分發(fā)網(wǎng)絡(luò)),簡單理解就是很多緩存服務(wù)器分布在用戶訪問相對(duì)集中的地區(qū)或網(wǎng)絡(luò)中,如果用戶訪問的資源已經(jīng)存在這些緩存服務(wù)器中,那么用戶就能夠以最快的速度直接訪問該緩存服務(wù)器,獲取到想要的資源。更形象的說法就是:我本來走1米的路去拿堅(jiān)果吃,現(xiàn)在把堅(jiān)果距離我半米的地方,我省去一半時(shí)間就可以拿到堅(jiān)果了。參考文章
加載速度

C 端接收到響應(yīng)數(shù)據(jù),加載并顯示的時(shí)間。受頁面大小、瀏覽器、用戶電腦/手機(jī)的配置的影響

  • 資源壓縮再傳送
    比如說Falsh、圖片、css、html等資源,可以壓縮再進(jìn)行傳送
  • 利用緩存
    一些安全性較低的資源,可以利用緩存保存在本地,減少重復(fù)內(nèi)容的傳輸和加載。比如說圖片、Falsh、安全性低的數(shù)據(jù)等
電量(手機(jī)APP)

手機(jī)上的軟件一些情況會(huì)增加耗電量:GPS、喚醒機(jī)制、藍(lán)牙、監(jiān)聽、聯(lián)網(wǎng)、高速運(yùn)算(消耗CPU)等。

流量(手機(jī)APP)

流量消耗多的原因,一般有:資源太大、重復(fù)請(qǐng)求、日志上傳頻繁、埋點(diǎn)數(shù)據(jù)上傳
可以這樣去觀察流量消耗:
1.app首次啟動(dòng)流量提示
2.app處于后臺(tái)一段時(shí)間后的靜默流量
3.app處于前臺(tái)高負(fù)荷使用一段時(shí)間后的流量消耗

FPS/動(dòng)畫幀率

視頻是由很多幅畫快速變化形成的,一幅畫就是一幀,幀數(shù)就是1秒時(shí)間內(nèi)傳輸?shù)膱D片的量,也就是圖像處理器每秒能夠刷新幾次,就是FPS(Frames Per Second)
幀數(shù)達(dá)到了60FPS以上,人的感官就幾乎感受不到差別了,所以說60FPS可以作為衡量標(biāo)準(zhǔn),每一幀刷新的時(shí)間要小于16ms,這樣才能保證在人看來,視頻流暢平滑。

Crash

app產(chǎn)生Crash,一般有內(nèi)存泄漏、空指針、調(diào)用高版本的api、數(shù)組越界等原因

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

友情鏈接更多精彩內(nèi)容