window.performance.timing DOM加载时间详解：接口调用影响分析

前往下载Windows工具

本文详解`window.performance.timing`中DOM加载时间的含义，尤其关注其与异步加载DOM元素的关系。文章指出，`domContentLoadedEventEnd` (以及已弃用的`domComplete`) 只记录初始HTML文档解析完成的时间，并不包含通过AJAX等异步方式加载的DOM元素。因此，开发者需谨慎使用`window.performance.timing`来评估页面加载速度，特别是包含大量异步加载内容的页面，应考虑更现代的性能API来获取更全面的加载时间信息。 了解这一点对于优化网站性能至关重要。

window.performance.timing 中的 DOM 加载时间是否包含异步加载的 DOM 元素？

window.performance.timing 中的 DOM 加载时间（例如 domContentLoadedEventEnd 或已弃用的 domComplete）不包含通过接口调用或其他异步方式加载的 DOM 元素。

根据 MDN Web Docs 的说明，domContentLoadedEventEnd 记录的是 HTML 文档解析完成并触发 DOMContentLoaded 事件的时间戳。而异步加载的 DOM 元素，例如通过 AJAX 请求获取数据后动态添加到页面中的元素，其加载时间发生在 domContentLoadedEventEnd 之后。

因此，使用 window.performance.timing 只能获取页面初始 HTML 文档的加载时间，无法反映异步加载的 DOM 元素的加载情况。 此外，正如原文所述，domComplete 属性已过时，建议使用更现代的性能 API 来衡量页面加载和资源加载时间。

今天关于《window.performance.timing DOM加载时间详解：接口调用影响分析 》的内容介绍就到此结束，如果有什么疑问或者建议，可以在golang学习网公众号下多多回复交流；文中若有不正之处，也希望回复留言以告知！