performance api 的 domcontentloaded 事件
开发者常常使用 window.performance.timing 对象来分析网页性能，其中一个关键指标是 DOM 加载时间。 然而，一个常见问题是：如果页面部分 DOM 内容是通过异步接口调用后动态加载的，这些动态加载的 DOM 元素是否包含在 performance.timing 中的 DOMContentLoaded 事件时间内？
答案是：否。
根据 MDN Web Docs 的说明，performance.timing 中的 DOMContentLoaded 事件标记的是浏览器完成 HTML 解析，DOM 树构建完成的时刻，Document.readyState 变为 'interactive' 的时间点。 任何在 DOMContentLoaded 事件之后通过 AJAX 或其他异步方式加载的 DOM 内容，都不会计入这个时间指标。 这些动态加载的内容会在 DOMContentLoaded 事件之后，以独立的加载时间进行渲染。
值得注意的是，performance.timing API 正在逐步被新的性能监控 API 所取代，建议开发者迁移到更现代化的性能分析工具和方法。
以上就是页面接口调用后加载的DOM，是否包含在performance.timing的DOM加载时间内？的详细内容，更多请关注php中文网其它相关文章！
每个人都需要一台速度更快、更稳定的 PC。随着时间的推移，垃圾文件、旧注册表数据和不必要的后台进程会占用资源并降低性能。幸运的是，许多工具可以让 Windows 保持平稳运行。
广告
收藏
收藏
收藏
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
198
