性能测试/实战演示 H5 性能分析

W3C标准是浏览器标准，一般浏览器都支持W3C标准，它规定使用者可以通过api查询性能信息，可借用W3C协议完成自动化H5性能测试。
W3C官网：Navigation Timing

使用chrome浏览器对webview进行手工查看，伴随着业务增多，数量加大，手工操作的速度会无法跟上业务增长，此时需要自动化方法测试webview性能。

当页面加载时，会渲染一系列内容，渲染过程可分为多个阶段，比如下图：

• Prompt for unload 访问一个新页面时，旧页面卸载完成的时间

• redirect 重定向，用户注销登陆时返回主页面和跳转到其它的网站等

• App cache 检查缓存，是否打开

• DNS 表示 DNS 查询的时间，如果是长连接或者请求文件来自缓存等本地存储则返回fetchStart时间点

• TCP 与服务器建立链接的时间

• Requests 客户端发起请求的时间

• Response 拿到服务器第一个响应字节到最后一个响应字节的时间

• Processing 各种状态的时间点，例如加载状态等等

• onLoad 触发load事件执行的时间