通過打開手機設(shè)置->開發(fā)者選項->顯示GPU過度渲染,可以對app是否存在過度渲染進行檢測鳖宾,從而尋找是否有進一步的優(yōu)化空間亚斋。
settingaaa.png
從下圖可以看到,在網(wǎng)頁界面顯示為粉紅色攘滩,說明確實存在繪制的性能問題。
111.png
再來通過HierarchyViewer看看layout布局, BrowserView通過TabPageFlipper(ViewFlipper)管理著WebView纸泡。而通過觀察chrome的GPU渲染結(jié)果漂问, 是綠色的赖瞒,說明很可能是引入ViewFlipper造成的GPU渲染過度。
h111aaa.png
在把TabPageFlipper(ViewFlipper)這層優(yōu)化掉后蚤假,讓BrowserView直接管理WebView栏饮。
h222aaa.png
可以看到GPU渲染結(jié)果已經(jīng)是綠色的了。
222.png