优化GPU Layout过度渲染

通过打开手机设置->开发者选项->显示GPU过度渲染，可以对app是否存在过度渲染进行检测，从而寻找是否有进一步的优化空间。

settingaaa.png

从下图可以看到，在网页界面显示为粉红色，说明确实存在绘制的性能问题。

111.png

再来通过HierarchyViewer看看layout布局, BrowserView通过TabPageFlipper(ViewFlipper)管理着WebView。而通过观察chrome的GPU渲染结果， 是绿色的，说明很可能是引入ViewFlipper造成的GPU渲染过度。

h111aaa.png

在把TabPageFlipper(ViewFlipper)这层优化掉后，让BrowserView直接管理WebView。

h222aaa.png

可以看到GPU渲染结果已经是绿色的了。

222.png
最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容