visibilitychange 相关问题


在`Parse HTML`之前执行的`Evaluate script`是什么?

我使用 Chrome DevTools 的性能面板测量了以下空 HTML 的性能。 我使用 Chrome DevTools 的性能面板测量了以下空 HTML 的性能。 <!DOCTYPE html> <html lang="ja"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> </head> <body> </body> </html> 性能测量结果如下。我以为是从Parse HTML开始的,但是我在Parse HTML之前发现了Evaluate script和Event: visibilitychange。这些进程在做什么? 评估脚本 描述:此过程涉及浏览器评估 JavaScript。当加载脚本时,浏览器首先解析它是否有错误,然后在执行之前将其编译为字节码。此步骤对于在页面上运行 JavaScript 是必需的。 影响:脚本评估有时会导致阻塞主线程的长任务,影响页面响应能力。 事件:可见性变化 描述:当文档的可见性发生变化时(例如当选项卡变得可见或隐藏时),会触发此事件。它是页面可见性 API 的一部分,允许开发人员检测页面何时隐藏或可见。 用法:开发人员可以使用此事件在选项卡隐藏时暂停音乐或视频等活动,并在选项卡再次可见时恢复它们。 解析 HTML 描述:此过程涉及浏览器解析 HTML 文档以构建文档对象模型 (DOM)。这是浏览器读取 HTML 结构并创建页面的树状表示的步骤。 在您的性能测量中,浏览器似乎首先评估存在的任何 JavaScript,然后处理可见性更改事件,最后解析 HTML。这种顺序很典型,因为在解析完整的 HTML 之前通常需要对脚本进行评估,以确保它们能够与 DOM 正确交互。


© www.soinside.com 2019 - 2024. All rights reserved.