JavaScript 文件的工作都会

banuakter82@gma

例如，如果您已通过 Gtmetrix 测试了您的站点，请进入“结构”选项卡，然后单击“显示相关审核”部分中的 TBT。这将导致结果被过滤并显示增加阻塞时间的案例。例如下图中，TBT减少的原因是： tbt速度慢的原因 最小化主线程工作 减少 JavaScript 执行时间 如果您不熟悉这些问题，请不要担心，因为我们将在下面详细解释它们。 如何将TBT时间减少到200ms以下？ 为了提高总阻塞时间得分并使其低于 200 毫秒，第一步是优先考虑 JS 和 CSS 文件的加载。您还应该减少站点请求的数量并优化文件。


重要提示：任何旨在优化 JavaScript 文件的工作都会降低 TBT 的速度；从压缩这些 C级联系人列表 文件到删除没有多大用处的东西。 1.延迟加载JS文件（Defer JS） Defer JS 的意思是将 JavaScript 文件的加载推迟到某个时间。在现代网站中，JS 文件通常比 CSS 或 HTML 等其他文件大得多。因此，它们的处理需要很长时间。如果您已将所有脚本文件放置在页面顶部，则页面上的 DOM 生成将停止并处理脚本代码。 如果有很多 JavaScript 文件，则在处理完所有 JavaScript 文件之前，用户将看不到页面上的任何内容。




通过将脚本文件放置在页面底部，可以部分解决此问题，并且它们的存在不会阻止页面的呈现。但有更好的方法可以做到这一点，那就是延迟加载。 注意：通过推迟 JavaScript 加载，您还可以修复 GTmetrix 中的一些错误，例如“消除渲染阻塞资源”或“避免链接关键请求”。 如何在 JavaScript 中使用 Defer 命令来减少 TBT 时间 延迟 JS 文件的最佳方法是在 Script 标签中使用 defer 和 async 属性。 defer 命令告诉浏览器在后台加载 JavaScript 文件，并在页面完全加载后执行它们。