chrome tracing 进行性能分析

最近在做一个页面性能提速的需求，涉及页面性能分析的一些。使用 chrome://tracing 对移动端页面的加载进行分析，包括webview的初始化，页面加载与渲染等。

分析方法

• 手机连接上文件传输，app开启网页远程调试，chrome://inspect页面打开，点击trace

hpiesvMI.png

• 点击左上角的 record，选择要记录的项，开始记录

LheMF7uz.png

• 此时进入页面，点击结束记录，得到

DsiA5hIw.png

• w键放大，s键缩小，a键左移，d键右移