performance api 的 domcontentloaded 事件

开发者常常使用 window.performance.timing 对象来分析网页性能，其中一个关键指标是 DOM 加载时间。 然而，一个常见问题是：如果页面部分 DOM 内容是通过异步接口调用后动态加载的，这些动态加载的 DOM 元素是否包含在 performance.timing 中的 DOMContentLoaded 事件时间内？

答案是：否。

科学计算器在线使用工具代码

html5 css3制作在线科学计算器ui布局，3D计算器面板，加减乘除数字计算器工具特效。

下载

根据 MDN Web Docs 的说明，performance.timing 中的 DOMContentLoaded 事件标记的是浏览器完成 HTML 解析，DOM 树构建完成的时刻，Document.readyState 变为 'interactive' 的时间点。 任何在 DOMContentLoaded 事件之后通过 AJAX 或其他异步方式加载的 DOM 内容，都不会计入这个时间指标。 这些动态加载的内容会在 DOMContentLoaded 事件之后，以独立的加载时间进行渲染。

值得注意的是，performance.timing API 正在逐步被新的性能监控 API 所取代，建议开发者迁移到更现代化的性能分析工具和方法。