本文章轉(zhuǎn)載于搜狗測試
對于任何產(chǎn)品來說吵冒,流暢度的重要性都不言而喻,流暢度的好壞堪旧,對一個產(chǎn)品的體驗和口碑有著極大的影響糠雨。今天才睹,小編就和大家一起學習下流暢度評測的相關(guān)內(nèi)容~
什么是流暢度
我們都知道動畫片其實是由一張張畫出來的圖片連貫執(zhí)行產(chǎn)生的效果,當一張張獨立的圖片切換速度足夠快的時候甘邀,會欺騙我們的眼睛琅攘,以為這是連續(xù)的動作。反之松邪,當圖片切換不夠快時就會被人眼看穿坞琴,反饋給用戶的就是卡頓現(xiàn)象。
Android繪制機制及卡頓原因
上圖是在VSync機制下的繪制過程逗抑。VSync是Vertical Synchronization(垂直同步)的縮寫剧辐,可以簡單地把它認為是一種定時中斷寒亥,Android規(guī)定,1秒鐘有60個Vsync間隔荧关,每個間隔時間為16.67ms护盈,從圖中看CPU 和GPU處理時間都很快,都少于一個VSync的間隔羞酗。
當CPU和GPU處理時間都很慢或者因為在主線程中干活太多,就會出現(xiàn)上圖的現(xiàn)象紊服。從上圖可以看到CPU和GPU處理時間比較慢檀轨,都大于一個VSync的間隔,第二個VSync還在處理A區(qū)域的繪制欺嗤。
現(xiàn)在的App每秒中最多能繪制60幀参萄,1000ms/60幀=16.67ms/幀,也就是說對圖像繪制的要求是平均每幀的繪制時間為16.67ms煎饼,超過了這個時間就可能造成不流暢的現(xiàn)象讹挎。
FPS測試流暢度的不足
FPS(Frames Per Secend)即一秒內(nèi)繪制的幀數(shù)。FPS值越高畫面越流暢吆玖。
舉例:在測試輸入法按鍵響應時筒溃,當我們按下按鍵到候選繪制完成的時間用了50ms,這個過程只用3幀就完成了沾乘,那么FPS就是3幀/秒怜奖,可見FPS值非常低,但是我們在測試過程中卻沒有發(fā)現(xiàn)卡頓的現(xiàn)象翅阵,這是為什么呢歪玲?
原因:輸入法在1s內(nèi)只有3幀的顯示需求,50ms就畫完了掷匠,那么FPS最高也只有3幀/秒滥崩。我們在使用輸入法時,并沒有每時每刻都在打字讹语、滑動屏幕钙皮,很多時候輸入法是處于靜止的狀態(tài),這個時候輸入法界面并不會進行圖像繪制募强,那FPS就為1株灸,但這個數(shù)并不能代表當前App在UI上界面不流暢。
結(jié)論:由此可見擎值,F(xiàn)PS來衡量相對靜止App的流暢度并不準確慌烧。
SM測試流暢度
VSync機制客戶通過其Loop來了解當前App最高繪制能力,其機制如下:
1)固定每隔16.6ms執(zhí)行一次鸠儿;
2)如果沒有繪制事件的時候也會運行這樣一個Loop屹蚊;
3)Loop在1s之內(nèi)運行了多少次厕氨,即可以表示當前App繪制的最高能力,也就是App卡頓的程度汹粤。
if(存在幀的繪制):
Loop = 1 幀繪制完成所占用的Vsync間隔
else:
Loop = 1個Vsync間隔
所以SM計算方法為Loop在1s內(nèi)運行了多少次(Loops per seconds)命斧。Android機制中有一個Choreographer對象,當收到Vsync信號時嘱兼,通過postCallback設置的回調(diào)函數(shù)調(diào)用使用者国葬,在每一個Loop運行前通知我們,我們只需要數(shù)一下一秒內(nèi)通知我們的次數(shù)就可以了芹壕。
使用騰訊提供的測試工具GT對流暢度進行測試汇四,主界面如下圖所示:
使用步驟為:
1)設計流暢度評測的動作;
2)打開“流暢度調(diào)試”踢涌;
3)點擊“檢測”通孽,如果結(jié)果不“OK”,點擊“更改”睁壁,然后再點擊“重啟”背苦;如果結(jié)果為“OK”,選中被調(diào)試的進程后點擊開始潘明;
4)進入“參數(shù)”界面行剂,點擊“編輯”,拖動“SM”至“懸浮窗展示的參數(shù)”钉疫,可以實時看到SM的變化硼讽,然后點擊“出參列表”右側(cè)的紅色按鈕開始;
5)操作被測App牲阁,完成后點擊“SM”可以看到評測的相關(guān)數(shù)據(jù)固阁,包括:次數(shù)、平均值城菊、最小值等备燃;
6)點擊“出參列表”右側(cè)的紅色按鈕結(jié)束,結(jié)束后點擊“保存”可以將評測的數(shù)據(jù)保存在相應的目錄下凌唬。
流暢度優(yōu)化
一開始發(fā)現(xiàn)App有卡頓的情況后并齐,首先去查看我們的App是不是存在過度繪制的問題。過度繪制是指屏幕上的某個像素在同一幀的時間內(nèi)被繪制了多次客税,在多層次的UI結(jié)構(gòu)里面况褪,如果不可見的UI也在做繪制的操作,這就會導致某些像素區(qū)域被繪制了多次更耻。這就浪費大量的CPU以及GPU資源测垛。過度繪制顯示的四種顏色如下圖所示,關(guān)于過度繪制詳細問題可參考《Android GPU之過度繪制與圖形渲染優(yōu)化》