Performance timing API 中文解释
navigationStart
当访问一个新页面时，当前页面卸载完成所返回的时间点，如果没有当前页面，则返回fetchStart时间点。
unloadEventEnd
如果要打开的页面和当前的页面同源，则返回用户unload事件执行完成后的时间点，如果当前文档不存在或者不同源，则返回0
redirectStart
如果是HTTP重定向，如果跳转都是同源的，则返回开始获取发起重定向的时间点，否则返回0
redirectEnd
如果是同源重定向，返回重定向请求接收完最后一字节的时间点，否则返回0
fetchStart
如果请求是用http get发起的，返回浏览器查缓存之前的时间点，否则返回发起获取资源的时间点
domainLookupStart
返回浏览器发起DNS查询的时间点，如果是长连接或者请求文件来自缓存等本地存储则返回fetchStart时间点
domainLookupEnd
返回结束DNS查询的时间点，如果是长连接或者请求文件来自缓存等本地存储则返回fetchStart时间点
connectStart
返回浏览器向服务器发起建立获取当前文档的连接请求的时间点，
如果是长连接或者请求文件来自缓存等本地存储则返回domainLookupEnd时间点
connectEnd
返回与服务器建立完成连接的时间点，
如果是长连接或者请求文件来自缓存等本地存储则返回domainLookupEnd时间点
requestStart
返回浏览器发起请求的时间，不管是向server还是本地缓存或存储
responseStart
返回浏览器拿到第一个响应字节的时间点，包括从服务器、缓存或者其他本地存储
responseEnd
返回浏览器拿到最后一个响应字节或者传输连接关闭的时间点，包括从服务器、缓存或者其他本地存储
domLoading
返回浏览器将当前文档状态设置成loading的时间点
domInteractive
返回浏览器将当前文档状态设置成interactive的时间点
domContentLoadedEventStart
返回浏览器触发DOMContentLoaded事件执行之前的时间点
domContentLoadedEventEnd
返回浏览器触发DOMContentLoaded事件执行完成的时间点
domComplete
返回浏览器将当前文档状态设置成complete的时间点
loadEventStart
返回浏览器触发load事件执行之前的时间点，否则为0
loadEventEnd
返回浏览器触发load事件执行完成的时间点
参考：w3c
- 大小: 61.4 KB
分享到：
相关推荐
performance-timing.js利用HTML5的navigation_timing_API_performance-timing
使用性能定时API从您当前的网站上绘制常见的性能计时数据。...利用Web Performance API快速查看网站的网站性能。 它适用于软件工程师和一般对Web性能感兴趣的人员。 支持语言:English (United States)
语言:English (United States) 使用性能时序API从当前网站图表中的常见性能时序数据。 快速查看网站的站点性能，利用Web性能API。 这是一般的软件工程师和对Web性能感兴趣的人。
Frame-Timing API可以与Web Performance API的其他部分，如Resource Timing、User Timing、Paint Timing等配合使用，提供更全面的性能分析。例如，结合Paint Timing可以了解页面的首次绘制和后续渲染的情况，从而...
带来Ruby on Rails服务器端性能指标 :chart_increasing: 通过server_timing gem访问Chrome的开发者工具（以及其他支持浏览器）。 生产安全:trade_mark:。 指标是从 gem收集的。 不需要帐户。 宝石安装 将此行添加到...
在网页应用中，`Performance Timing API` 是一种用于衡量页面加载和执行效率的重要工具。本篇文章将深入探讨如何利用`Performance Timing API`来分析Slack网站的性能表现，并结合提供的`spped-monitor-master`文件，...
el.src='https://micmro.github.io/performance-bookmarklet/dist/performanceBookmarklet.min.js';el.onerror=function(){alert("Looks like the Content Security Policy directive is blocking the use of ...
导航计时（Navigation Timing API）提供了整个页面加载时间的详细时间线。这些API能够帮助开发者在代码层面精细控制性能，实现更加专业和深度的性能优化。 了解和掌握前端性能优化的知识和工具对于提升用户体验至关...
- 结合Web Performance Timing API和其他性能指标一起分析，获取更全面的性能视图。 5. **注意事项：** - 尽管UserTiming API提供了丰富的性能数据，但过度使用可能会增加页面负担，因此合理地定义和使用marks和...
Performance API是浏览器提供的一套强大的工具，允许开发者深入分析和优化他们的JavaScript代码。 Performance API提供了丰富的接口，用于记录和分析页面的性能指标，如加载时间、资源请求时间、DOM操作等。以下是...
The Server Timing API allows web servers to provide performance timing information via HTTP headers The new CSS display: contents property can make boxes disappear Fixed a bug that affected some ...
使用Web API测量任何网页的计时性能。 您可以立即将图表测试结果保存在文件系统中，以便与其他后续测试进行比较。 获取Opera扩展：http://bit.ly/1O9OvRx获取Firefox扩展：http://mzl.la/1Vs0UV2 ==安装== 1.单击...
《Smoothness API与frame-timing-polyfill：提升网页性能的利器》 在现代Web开发中，用户体验是至关重要的一个方面，而其中的关键指标之一就是网页的流畅性，即帧率（Frames Per Second, FPS）。为了帮助开发者准确...
- `performance.timing`：这是一个包含了与浏览器性能相关时间数据的对象，提供了从页面开始加载到完全渲染完成各个阶段的时间信息，如`navigationStart`、`redirectStart`、`redirectEnd`、`fetchStart`、`...
总的来说，web performance-crx插件通过集成计时API和Navigation Timing API，为开发者提供了一个强大的网页性能监控和分析工具。它通过瀑布图的形式，让复杂的性能数据变得易于理解和处理，有助于快速定位问题，...
Performance-Monitoring为showjoy前端组开发的前端性能监控系统需求服务器自动跑线上页面，收集性能指标数据，前端展示数据。收集真实用户的线上性能数据，在后台页面展示。参考文档目标完成服务器搭建，写好埋点js...
在 React Native 中，动画的实现通常涉及复杂的 JavaScript 和原生代码交互，但 React Native 提供了一个简单的声明式 API，使得动画处理变得更为直观和高效。 在本文中，我们将深入探讨如何使用这个声明式的动画 ...
标题和描述提到了"elixir_plug_server_timing"，这是一个针对Elixir Phoenix框架的插件，其主要功能是利用服务器计时API（Server Timing API）将服务器端的性能指标引入到Chrome的开发者工具中。"生产安全:trade_...
例如，`window.performance.timing` 对象可以在页面加载后立即访问，获取页面加载的相关信息。 5. **学习资源**：为了深入了解和使用这个代码库，你可以： - 阅读源代码，理解 API 的实际应用。 - 运行示例，观察...
为了克服传统方法的局限性，W3C组织提出了一套标准的API——Navigation Timing API，它允许开发者通过JavaScript访问与页面加载时间信息相关的接口，从而更精确地测量页面加载的各个环节所需的时间。 - **定义**：`...