H5性能分析

目录

1.W3C标准对应页面加载要求

        1.页面加载流程:

         2.页面中资源加载指标:

2.W3C协议标准支持我们在页面中获取单个资源的性能:

        1.console中输入:window.performance.timing.

        2.获取dom内容加载时间:

         3.自动化脚本中需要获取页面资源加载时间

---

在App中Webview加载H5新页面时经历了什么?

1.W3C标准对应页面加载要求

Navigation Timinghttps://www.w3.org/TR/navigation-timing/

        1.页面加载流程:

         2.页面中资源加载指标:

                prompt for unload:访问一个新页面时,旧页面卸载完成的时间.

                redirect:重定向,例如:用户注销登录时返回主页面和天后钻到其他网站等.

                app cache:检查缓存是否打开.

                DNS(域名系统):DNS查询时间,如果是长连接或者请求文件来自缓存等本地存储

                                          则返回fetchStart时间点.

2.W3C协议标准支持我们在页面中获取单个资源的性能:

        1.console中输入:window.performance.timing.

        2.获取dom内容加载时间:

                window.performance.timing.domContentLoadedEventEnd- window.performance.timing.domContentLoadedEventStart,可知此处加载时间为7s.

         3.自动化脚本中需要获取页面资源加载时间