专栏首页性能与架构HTML5 性能监控API - timing API

HTML5 性能监控API - timing API

HTML5 的 performance timing API 统计了一个浏览器窗口从卸载当前页面开始到加载完毕目标页面的整个流程中,每个节点的时间戳 通过这些节点的时间戳,我们可以计算出很多有用的信息 例如 DNS 查询耗时 TCP连接耗时 request请求耗时 解析dom树耗时 …… 在GitHub上找到一个很实用的JS代码,统计出了各项耗时数据 地址是:https://github.com/CraryPrimitiveMan/performance-tool 下面列出其中的各项数据计算方式 准备新页面时间耗时 timing.fetchStart - timing.navigationStart redirect 重定向耗时 timing.redirectEnd - timing.redirectStart Appcache 耗时 timing.domainLookupStart - timing.fetchStart unload 卸载之前网页耗时 timing.unloadEventEnd - timing.unloadEventStart DNS 查询耗时 timing.domainLookupEnd - timing.domainLookupStart TCP连接耗时 timing.connectEnd - timing.connectStart request请求耗时 timing.responseEnd - timing.requestStart 请求完毕至DOM加载 timing.domInteractive - timing.responseEnd 解析dom树耗时 timing.domComplete - timing.domInteractive load事件耗时 timing.loadEventEnd - timing.loadEventStart; 从开始至load总耗时

timing.loadEventEnd - timing.navigationStart

本文分享自微信公众号 - 性能与架构(yogoup),作者:杜亦舒

原文出处及转载信息见文内详细说明,如有侵权,请联系 yunjia_community@tencent.com 删除。

原始发表时间:2015-11-26

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • Phoenix - Hbase与SQL

    Phoenix是什么 简单来说,Phoenix 是一个可以让我们通过SQL的方式操作HBase数据库的框架。 HBase是一个NoSQL数据库,shell客户端...

    dys
  • Mysql 集群高可用方案 MHA

    MHA是什么? MHA(master high availability) 是用来保证 Mysql 集群高可用性的,对 master 进行监控,发现 maste...

    dys
  • Redis与SSDB的性能测试对比

    今天我在一台测试服务器上分别对Redis与SSDB做了性能测试 结果是SSDB比Redis差了很多,与SSDB官网上显示的对比数据相差较大 预料到SSDB会弱...

    dys
  • 如何收集常见的前端性能信息

    总体来说,需要知道浏览器(新的)给我们提供了 Performance API,使用这个属性,我们可以得到一系列跟性能相关的数据

    书童小二
  • 深度调整下,网络大电影的发展机遇到底在哪?

    孟永辉
  • 开发 | One-Page AlphaGo——十分钟看懂 AlphaGo 的核心算法!

    AI科技评论按:本文作者夏飞,清华大学与卡内基梅隆大学毕业,现于谷歌从事技术研发工作。本文是对《自然》上发表的知名论文“Mastering the game o...

    AI科技评论
  • WPF 在image控件用鼠标拖拽出矩形

    今天有小伙伴问我一个问题,在image控件用鼠标拖拽出矩形,本文告诉大家如何使用鼠标画出矩形

    林德熙
  • AlphaGo战胜世界第一棋手,一页核心算法总结必胜秘诀

    AI研习社按:本文作者夏飞,清华大学与卡内基梅隆大学毕业,现于谷歌从事技术研发工作。本文是对《自然》上发表的知名论文 “Mastering the game o...

    AI研习社
  • Vue 应用单元测试的策略与实践 01 - 前言和目标

    1. 在 TDD 做完 Tasking 列完实例化数据之后,完全没有 UT 基础不知道该怎么写单元测试?

    JimmyLv_吕靖
  • 送给挣扎生存的西安软件公司:7点因素决定公司永远做不大

    在西安软件开发技术服务行业,能做大的软件公司占绝对的少数,大多数的软件企业都会死在小规模的阶段,或者永远长不大。以下这几这七种思想和行为,或许能告诉你公司永远做...

    西安弈聪软件公司

扫码关注云+社区

领取腾讯云代金券