如何在 WordPress 中延迟屏幕外图像

我们都知道速度对于 SEO 应用程序 和转化率。让网站运行速度更快可以帮助该网站在 Google 上排名更高。它还可以让您的读者感到满意。谁不喜欢运行速度快的网站呢？

但是，当尝试优化网站以提高速度时，要做很多事情可能会很耗时。 我通常不时尝试测试我的网站并确保它没有表现不佳。 你永远不知道外面有什么新鲜事。 在 SEO 的世界中，事情经常发生变化。

如果您已通过以下方式检查您的网站 速度测试工具 像 Google PageSpeed Insight 或 Web.dev 一样，您可能会收到的警告之一是“推迟屏幕外图像”。

在本文中，我将解释这意味着什么，告诉你如何修复它，并推荐 插件 您可以用它来修复它。

但是，您应该知道为什么延迟屏幕外图像可以提高您的移动速度，影响您速度的最重要因素是您的托管和主题。这里 博客我们使用的工具 Cloudways 因为它是速度最快的 WordPress 托管。如果您负担不起 Cloudways，那么 Bluehost 或 Hostinger 是不错的选择。对于主题，我们使用速度最快的 WordPress主题 被称为 GeneratePress.

延迟离屏图像是什么意思？

延迟屏幕外图像意味着延迟加载用户尚不可见的图像。 这将使浏览器专注于仅加载必要的内容并最终使网站更快。

如果您的帖子或主页上有很多图片，当用户访问您的网站时，浏览器会立即开始加载所有内容。 如果图像很多，则可能需要很长时间才能将页面呈现给用户。

但是当您推迟屏幕外图像时，图像只会在用户滚动到它时加载。

请注意，您不仅可以延迟图像，而且您的大多数网站资产也可以延迟到需要时。

如何在 WordPress 中延迟屏幕外图像

您可以通过延迟加载图像来延迟屏幕外图像。 延迟加载将确保图像仅在需要时加载。 反过来，这将使网站更快。

一旦您能够延迟加载阻止您的页面快速加载的图像和其他资产。 来自 Google PageSpeed Insight 和其他测试工具的“延迟屏幕外图像”将消失。

请按照以下步骤在 WordPress 中延迟屏幕外图像：

1.安装懒加载插件

WordPress 插件目录中有许多免费提供的延迟加载插件。 你可以去插件，添加新的然后输入延迟加载。 安装任何评论良好的人。

但是，如果您已经拥有可以处理延迟加载的插件，则无需安装任何插件。 大多数缓存插件都有延迟加载。 检查您的缓存插件以获取延迟加载选项。 图像优化插件大多具有延迟加载选项。

此外，如果您使用 Jetpack 和自动优化，它们有延迟加载选项。

2.激活延迟加载选项

安装插件后，请确保激活延迟加载选项。 如果您有一个具有延迟加载功能的缓存插件，请确保激活该选项。

3. 清除缓存。

激活延迟加载后，清除缓存即可！

您可以再次测试您的网站，警告应该消失了！

推迟屏幕外图像 WordPress 插件

延迟关闭图像插件与延迟加载插件相同。 以下是一些：

1。 喷气背包

Jetpack的 是最受欢迎的 WordPress 插件之一，活跃安装量超过 5 万。 如果您已经安装了 Jetpack，则无需为延迟加载安装额外的插件。

只需在 Jetpack 中激活延迟加载。 要激活转到 Jetpack 设置，然后在性能选项卡下，向下滚动并启用延迟加载。

2. 自动优化

Autoptimize 是一个非常流行的性能插件。 如果您使用的是 Autoptimize，则无需安装延迟加载插件，因为 Autoptimize 具有相同的功能。

转到自动优化设置，然后单击图像选项卡并启用延迟加载。

3。 WP火箭

WP Rocket 是最流行的高级 WordPress 缓存插件。如果您使用 WP Rocket，则不需要任何其他插件，它们启用了延迟加载。

转到 WP Rocket 设置，然后单击媒体，从那里您可以启用延迟加载。

4. LiteSpeed 缓存

如果你正在使用 LiteSpeed 缓存插件, 它具有延迟加载功能。 要激活，只需导航到媒体部分，您就可以启用延迟加载。

5. a3延迟加载

如果您只需要一个插件来单独进行延迟加载，那么 a3 延迟加载 是一个很好的插件。 只需转到插件>添加新的。 搜索 a3 延迟加载。 安装并激活。 然后转到插件设置并激活延迟加载。

通常，一些主题、一些缓存插件和一些图像优化插件都带有延迟加载功能。

常见问题解答（FAQ）