加载大型 JavaScript 资源会显著影响网页速度。将 JavaScript 拆分为较小的区块并仅下载网页在启动期间正常运行所必需的内容,可以极大地提高网页的加载响应能力,进而提高网页的互动到下一次绘制 (INP)。
当网页下载、解析和编译大型 JavaScript 文件时,可能会在一段时间内无响应。页面元素可见,因为它们是页面的初始 HTML 的一部分,并由 CSS 设置样式。但是,为这些互动元素以及页面加载的其他脚本提供支持所需的 JavaScript 可能需要解析和执行 JavaScript,以便它们正常运行。其结果是,用户可能会感觉互动受到严重延迟,甚至完全中断。
大约 10 分钟