推迟 JavaScript
延迟 JavaScript 可确保呈现最重要的内容，以便访问者可以快速与页面交互。Asset CleanUp 、Hummingbird或WP Rocket等 WordPress 插件 可以提供帮助。
删除未使用的 JavaScript
网站或插件应该只在需要时加载 JavaScript，但情况并非总是如此。如果您无法更改网站主题或插件，那么 Asset Cleanup 或Perfmatters等 WordPress 插件 可以提供帮助。我知道，使用一个插件来解决另一个插件的问题的讽刺意味并不为我所理解！
一些 WordPress 插件可以改善由其他插件导致的较差 FID 分数。讽刺但真实！#corewebvitals #technicalseo
点击推文
延迟 JavaScript 执行
优先考虑交互所需的资源并延迟其余资源有助于提高 FID 分数。并非每个 JavaScript 文件都可以以这种方式处理，在您可以这样做的情况下 — 延迟执行会影响加载时间并最终影响交互时间。可以这么说，这样可以减少代码干扰。考虑使用FlyingScripts 或 WP Rocket 等 WordPress 插件。
压缩 JavaScript
JavaScript 文件可以包含注释、空格和换行符——所有这些都使人类更容易阅读，但对机器来说完全没有必要。删除这些可以使文件更小并减少加载时间。大多数 WordPress 缓存插件允许您缩小 JavaScript，使繁琐而复杂的问题变得简单。只需知道缩小 JavaScript 文件不会产生巨大影响。
优化页面以实现交互准备
如果您的页面严重依赖 JavaScript，则脚本执行和数据获取会影响页面交互准备的速度。JavaScript 分析和其他第三方脚本也会延迟交互延迟。理想情况下，您应该优先加载最有价值的脚本，延迟加载那些不太重要的脚本。
文件名、传输大小和主线程阻塞时间的影响。
页面速度洞察
在上面的例子中，第三方脚本阻塞了主线程1.46秒。
分解长期任务
长任务会导致访问者发现您的网站在一段时间内没 芬兰 WhatsApp 负责人 有响应。这是因为浏览器正忙于执行 JavaScript 代码。超过 50 毫秒的长任务可能表示 JavaScript 臃肿，因为需要加载和执行耗时的代码。
Rollup 和Webpack等 JavaScript 打包工具 可以帮助将代码拆分为适当的文件，以便根据需要加载和执行较小的代码块。除非您有开发经验，否则这超出了您的能力范围。
减少 FID 的其他方法
让我们简单看一下提高 Web 性能的另外两种方法：
尽量减少未使用的 polyfill
使用 Web Worker
为了完整性，我会提到它们，但它们确实最适合那些具有一些开发技能的人使用。
使用现代 JavaScript 语法或使用当前 Web 浏览器 API 的代码需要进行转译并包含 polyfill。为了最大程度地减少文件大小并缩短加载时间，最好限制未使用的 polyfill 并仅在必要时使用它们。
总结
优化良好的网站应具有小于 100 毫秒的 TBT。由于修复 FID 可能需要开发人员的帮助，因此最好的策略是首先避免陷入这种情况。如果您正在寻找新的 WordPress 主题，请使用任何提供总阻塞时间的网页测试器对其进行分析。同样，在测试 WordPress 插件时，请在安装插件之前和之后检查您的 TBT。
一些 WordPress 插件可以通过推迟、延迟或删除未使用的 JavaScript 来帮助改善 TBT（以及 FID）。还有其他方法可用，但它们需要开发人员的协助。