白屏时间和首屏时间

最新推荐文章于 2024-06-04 14:38:05 发布

清风徐来-小草

最新推荐文章于 2024-06-04 14:38:05 发布

阅读量427

点赞数

CC 4.0 BY-SA版权

分类专栏：笔记每日一bug 文章标签： javascript 前端 html5

本文链接：https://blog.csdn.net/qq_45723621/article/details/126035293

笔记同时被 2 个专栏收录

11 篇文章

订阅专栏

每日一bug

11 篇文章

订阅专栏

本文介绍了如何计算网页的白屏时间和首屏时间，这两个指标对于优化用户体验至关重要。白屏时间是通过performance.timing.domLoading减去navigationStart来获取，而首屏时间则是用domInteractive减去navigationStart。了解这些时间可以帮助开发者更有效地设置loading指示器，提升网页加载速度。

如何计算白屏时间和首屏时间

有时候需要监听首屏时间或者白屏时间给配置loading
所以需要计算

白屏时间: window.performance.timing.domLoading - window.performance.timing.navigationStart
首屏时间: window.performance.timing.domInteractive - window.performace.timing.navigationStart