首页 >web前端 >js教程 >发现用户定时API-站点点

发现用户定时API-站点点

William Shakespeare
William Shakespeare原创
2025-02-22 09:45:11204浏览

Discovering the User Timing API - SitePoint

用户定时API:精确测量Web App Performance

本文深入研究用户定时API,这是Web开发人员精心评估应用程序性能的强大工具。 它提供了高精度的时间戳,实现了JavaScript代码执行的准确测量和报告,对于基准测试特别有用。

API以两个关键概念为中心:标记测量。 a标记指定特定时间点,而措施计算两个标记之间的持续时间。 有四种方法可用:mark(name)clearMarks([name])measure(name[, mark1[, mark2]])clearMeasures([name])

浏览器兼容性通常很好,并在主要桌面和移动浏览器(包括Internet Explorer 10,Chrome 25和Opera 15)中提供支持。 polyfill,

,可用于未支撑的浏览器。 API在测量异步操作方面出色。通过在操作的开始和结束上放置标记,开发人员可以获得精确的定时数据,识别性能瓶颈和优化领域,最终提高了应用程序速度和用户体验。usertiming.js>

理解标记​​和测量

用户定时API利用

>和>接口(均扩展)。 标记存储时间戳,而措施计算两个标记之间的间隔。 每个条目都包括:

PerformanceMarkPerformanceMeasure:一个描述性标识符。PerformanceEntry

    :指示“标记”或“度量”。
  • name:时间戳(用于标记)或开始标记的时间戳(用于措施)。
  • :0用于标记;经过的措施时间。entryType
  • startTime API方法和数据检索
  • api在
  • >对象中公开了四个方法: duration
:使用给定名称创建一个时间戳。

> :删除标记(全部或特定的标记)。

>

window.performance:测量两个标记之间的时间。

    :删除度量(全部或特定的度量)。
  • > mark(name)
  • >注意:名称不是唯一的ID;多次使用相同名称会导致一系列条目由
  • >。clearMarks([name])排序
  • >要访问存储的数据,请使用
  • (对于标记或测量)和measure(name[, mark1[, mark2]])>,两个都返回排序的数组。
  • >clearMeasures([name])示例:测量函数执行时间

>用户定时API享有广泛的支持。 但是,usertiming.js为缺乏天然支持的浏览器提供了一个多填充,仅需要高分辨率时间API的performance.now()方法。

演示和结论

>演示(省略为简洁的链接)展示了API的功能,包括用于未支持的浏览器的错误处理和显示测量的数据。

>用户定时API是用于精确性能测量,提供颗粒状控制并有助于识别性能瓶颈的宝贵工具。 它的广泛浏览器支持和可用的多填充可确保其在各种平台上的可用性。

常见问题(FAQS)

> FAQS部分在很大程度上保持不变,为用户定时API功能,用法和限制提供了简洁的答案。

>

以上是发现用户定时API-站点点的详细内容。更多信息请关注PHP中文网其他相关文章!

声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn