H5性能

作者: kkgo | 来源:发表于2021-07-08 14:08 被阅读0次

https://www.jianshu.com/p/5d3b9ef2f599

准备耗时 =domainLookupStart - navigationStart;

重定向耗时 =redirectEnd - redirectStart;

DNS解析耗时domainLookupEnd - domainLookupStart;

ip连接耗时connectEnd - connectStart;

首包耗时 = responseStart - requestStart;

完整包加载耗时 :有两种计算方式,如果从网络加载,取值:responseEnd - requestStart;如果加载缓存:responseEnd - fetchStart;(从缓存加载,performance只有responseEnd,fetchStart有值,其他参数值都为0)

dom处理 = domComplete - domLoading;

页面白屏时间取值:domLoading - navigationStart;

首屏时间默认取值:loadEventStart - navigationStart;如果首屏区域没有图片则取默认值;如果首屏有图片计算屏幕区域内图片数量,获取图片加载结束时间,最晚的那个为首屏加载时间

可交互 = domContentLoadedEventEnd - timing.navigationStart;

页面完全加载耗时 = loadEventEnd - timing.navigationStart。

相关文章

  • H5性能优化方案(转)

    H5性能优化方案 H5性能优化意义 对于一个H5的产品,功能无疑很重要,但是性能同样是用户体验中不可或缺的一环。原...

  • H5性能优化方案

    H5性能优化意义 对于一个H5的产品,功能无疑很重要,但是性能同样是用户体验中不可或缺的一环。原本H5的渲染性能就...

  • H5性能优化方案

    H5性能优化意义 对于一个H5的产品,功能无疑很重要,但是性能同样是用户体验中不可或缺的一环。原本H5的渲染性能就...

  • H5前端性能测试快速入门

    说到H5测试,对于做WEB测试的同学来说再熟悉不过了,它包括页H5功能测试,前端性能测试,浏览器兼容性能测试...

  • 一张图带你玩转H5测试……6大模块测试点汇总分享!

    一提到H5测试,做WEB测试的朋友肯定早已经非常熟悉,它包括页面H5功能测试,前端性能测试,浏览器兼容性能测试,以...

  • iOS中h5返回使用缓存的网络请求解决方案-后续(WKWebVi

    1.优化性能(将UIWebView替换为WKWebView) 由于h5在UIWebView中的性能真的不行,页面跳...

  • H5性能优化方面的探索

    H5性能优化方面的探索 H5很重要,很重要,很重要,重要的事情必须重复多遍,H5的优点:跨平台、迭代快、开发体验好...

  • 移动端iOSH5性能监控技术角度分析

    性能数据了解 分析移动端H5性能数据,首先我们说说是哪些性能数据。白屏时间,白屏时间无论安卓还是iOS在加载网...

  • H5性能

    https://www.jianshu.com/p/5d3b9ef2f599 准备耗时 =domainLookup...

  • 阿里云mPaaSH5离线包

    mPaaSH5离线包解决了哪些问题: 传统的 H5 技术容易受到网络环境影响,因而降低 H5 页面的性能。通过使用...

网友评论

      本文标题:H5性能

      本文链接:https://www.haomeiwen.com/subject/gqqtpltx.html