碧海醫心
2025-02-22
425人浏览
原创
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 来衡量页面加载和资源加载时间。
相关文章
如何用HTML代码中script标签的async属性异步加载脚本
结合多媒体异步加载优化的HTML代码质量自动化核定规范
利用HTML代码中的link标签实现样式表按媒体类型异步加载
HTML文档结构中脚本异步加载与执行顺序控制策略
HTML表格资源异步加载时的占位符设计
Windows激活工具是正版认证的激活工具，永久激活，一键解决windows许可证即将过期。可激活win7系统、win8.1系统、win10系统、win11系统。下载后先看完视频激活教程，再进行操作，100%激活成功。
相关标签:
异步加载本站声明：本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn
相关专题
php中文网为大家带来ajax教程合集，Ajax是一种用于创建快速动态网页的技术。通过在后台与服务器进行少量数据交换，Ajax可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下，对网页的某部分进行更新。php中文网还为大家带来ajax的相关下载资源、相关课程以及相关文章等内容，供大家免费下载使用。
2023.06.14
1144
4
ajax中文乱码解决方法有设置请求头部的字符编码、在服务器端设置响应头部的字符编码和使用encodeURIComponent对中文进行编码。本专题为大家提供ajax中文乱码相关的文章、下载、课程内容，供大家免费下载体验。
2023.08.31
319
5
ajax传递中文乱码的解决办法：1、设置统一的编码方式；2、服务器端编码；3、客户端解码；4、设置HTTP响应头；5、使用JSON格式。本专题为大家提供相关的文章、下载、课程内容，供大家免费下载体验。
2023.11.15
1019
5
使用ajax的网站有谷歌、维基百科、脸书、纽约时报、亚马逊、stackoverflow、twitter、hacker news、shopify和basecamp等。本专题为大家提供相关的文章、下载、课程内容，供大家免费下载体验。
2024.09.24
918
6
硬盘接口类型有IDE、SATA、SCSI、Fibre Channel、USB、eSATA、mSATA、PCIe等等。详细介绍：1、IDE接口是一种并行接口，主要用于连接硬盘和光驱等设备，它主要有两种类型：ATA和ATAPI，IDE接口已经逐渐被SATA接口；2、SATA接口是一种串行接口，相较于IDE接口，它具有更高的传输速度、更低的功耗和更小的体积；3、SCSI接口等等。
2023.10.19
2768
3
PHP8.4本身不内置限流功能，需借助Redis（令牌桶）或Swoole（漏桶）实现；文件锁因I/O瓶颈、无跨机共享、秒级精度等缺陷不适用高并发场景。本专题为大家提供相关的文章、下载、课程内容，供大家免费下载体验。
2025.12.29
3364
9
dom的英文全称是documentobjectmodel，表示文件对象模型，是w3c组织推荐的处理可扩展置标语言的标准编程接口；dom是html文档的内存中对象表示，它提供了使用javascript与网页交互的方式。想了解更多的相关内容，可以阅读本专题下面的文章。
2024.08.14
6252
7
热门下载
相关下载
精品课程
共6课时 | 54.4万人学习
共89课时 | 131.8万人学习
共49课时 | 81.3万人学习
