延迟这些资源可让浏览器在加载和处理 JavaScript 之前解析 HTML 代码并构建 DOM 树。这样可加快渲染速度并提高 LCP 分数，因为访问者无需等待即可查看或与内容交互。
我们讨论的并不是只推迟非关键资源 — 推迟也适用于 CSS。您可以将其推迟到页面上最重要 牙买加 WhatsApp 负责人 的内容加载之后。您可以使用链接加载样式表的其余部分。更多信息可从此Google 资源preload 获得。
请记住，有一些 WordPress 插件可以帮助延迟CSS 和 JavaScript。
资源加载时间缓慢
源加载时间，但一些修复方法可以解决问题的根源：
优化图像
压缩 CSS、JavaScript 和 HTML 文件
压缩文本文件
预加载关键资产
删除未使用的 JavaScript 和 CSS
优化图像
图片压缩是减少资源加载时间最简单、最有效的方法之一。以下是我们通常对博客文章特色图片进行压缩所节省的时间示例。
压缩图像文件时节省的 KB 和 % 数。
图像压缩可以节省大量成本。
尺寸的巨大差异导致加载时间大幅减少。
如果 LCP 元素包含图像，请确保将其排除在延迟加载之外。通常，延迟加载图像可以提高 Web 性能。但在这种特定情况下，它反而会使性能变差。
了解更多
核心 Web 指标概述：LCP、FID 和 CLS
图片搜索引擎优化：如何优化图片以进行搜索
压缩 CSS、JavaScript 和 HTML 文件
以下是 HTML 文件的示例 — 请注意所有的空格、换行符和注释。虽然它们使人类更容易阅读，但对于机器来说，它们完全没有必要解释。
显示空格、换行符和注释的 HTML 文件示例。
HTML 文件中不需要空格、换行符和注释。
压缩这些文件会删除所有空格、换行符和注释，只留下必要的文本。压缩后的文件更紧凑，加载速度更快。压缩文件很繁琐，而且比看起来要难得多。如果您使用的是 WordPress，有一个插件 可以做到这一点（大多数页面速度优化插件都包含此功能）。
压缩文本文件
压缩可以使任何文本文件（CSS、HTML、JavaScript 资源）变小。GZIP 是网络主机中最流行的压缩格式 - 有些甚至可能默认启用它。如果您的网络主机不提供它，并且您正在使用 WordPress，那么有一些插件 可以提供帮助。
预加载关键资产
预加载可确保 Web 浏览器首先加载最重要的资产，以便尽快显示首屏内容。在此示例中，您可以看到一些 Web 字体正在预加载。
展示预加载使用的 HTML 文件示例。
预加载可确保最重要的资产首先被加载。
我们网站的开发人员编写了此代码。如果您没有开发资源，并且正在使用 WordPress，那么像 WP Rocket 这样的插件可以负责预加载字体。要预加载图像，您需要像 Perfmatters 这样的插件。
删除未使用的 JavaScript 和 CSS
未使用的 JavaScript 文件是那些对于呈现页面而言并非必不可少甚至可能不需要的资源。它们可能是第三方跟踪代码（如 Google Analytics），也可能是在每个页面上加载的插件（无论其用途如何）。您需要通过以下方式管理它们：
仅在需要时加载 JavaScript 文件
延迟 JavaScript 文件
寻找明确声明仅在需要时加载所需资产的插件。如果没有，您需要手动管理。Assets Cleanup 和 Perfmatters 等插件可以提供帮助，但您最好首先坚持使用编码良好的插件。
检查您的插件文档以确保它仅在需要时加载代码。
在某些情况下，您可能希望延迟 JavaScript 加载。例如，对于聊天机器人，您可能希望等到访问者进行某种交互后再加载它。如果您无法编写此类代码，WordPress 优化插件 可以提供帮助。
客户端渲染缓慢
这仅适用于使用客户端渲染的情况。在这种情况下，JavaScript 会被下载给访问者，以便在浏览器中渲染页面。显然，如果 JavaScript 包很大，就会对 LCP 产生重大影响。访问者可能看不到任何内容，直到所有关键的 JavaScript 都下载并执行完毕。
WordPress 不使用客户端渲染，但其他一些内容管理系统 (CMS) 会使用。如果您的 CMS 是使用客户端渲染的 CMS 之一，那么您能做的就不多了。如果您正在开发一个新网站，请验证他们是否使用客户端渲染。确保他们考虑通过最小化关键 JavaScript、使用服务器端渲染和使用预渲染来优化它。