前端所關(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

- 減少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ù)組越界等原因