选择最好的 WordPress 延迟加载插件：7 大插件比较

已发表: 2023-02-08

将视觉元素添加到您的站点是使您的页面更具吸引力的简单方法。您可以包括营销横幅、产品图片、图库或视频教程。不幸的是，包含一堆文件会使您的站点不堪重负并导致性能下降。

延迟加载是减轻服务器压力同时提高网站加载速度的好方法。它会延迟为访问者呈现图像，直到他们向下滚动到屏幕上的位置。更好的是，一些延迟加载插件是免费的、易于使用的，并且具有用于网站优化的额外功能。

在这篇文章中，我们将探索一些最好的 WordPress 延迟加载插件。然后，我们将向您展示如何根据您的需要选择理想的工具。

WordPress 的七个最佳延迟加载插件

让我们来看看适用于您的 WordPress 网站的七个最佳延迟加载插件！

1.喷气背包助推器

Jetpack Boost 是一款一体化优化插件，可提高网站的整体加载速度。您不仅将拥有一个高效的延迟加载工具，而且您还可以享受许多其他功能来提高您的网络性能。

此外，Jetpack 是此列表中对初学者最友好的选项之一。有了干净、直观的仪表板，导航起来再简单不过了。

真正让 Jetpack Boost 与众不同的是，它专为帮助您改进 First Contentful Paint (FCP) 和 Largest Contentful Paint (LCP) 等指标而构建。因此，使用 Jetpack Boost 可以帮助您改善 Core Web Vitals、用户体验和搜索引擎排名。

Jetpack Boost 的主要特点

带有跨移动和桌面设备即时性能评分的简单报告
一个直观、干净的仪表板，用于查看您的表现并调整您的设置
生成关键 CSS 等的其他优化工具

Jetpack Boost 的优点

它提供 SEO 见解，以提高您的搜索排名和 Core Web Vitals。
它优化了 CSS 加载并推迟了非必要的 JavaScript。
您可以使用高级计划自动化关键 CSS。
它由 Automattic（WordPress.com 背后的人）制作，因此您可以高枕无忧，因为它可靠且与大多数流行的主题和插件兼容。

Jetpack Boost 的缺点

虽然您可以选择 Jetpack 自己的 CDN，但您将无法使用 Cloudflare 等第三方 CDN。

使用方便

Jetpack Boost 非常容易设置和维护。您可以像安装任何其他 WordPress 插件一样安装 Jetpack Boost。然后，只需转到您的仪表板并分别打开每个设置。

价格

您可以通过免费的 Jetpack Boost 插件访问它的许多功能。要使用自动 Critical CSS 功能，您需要升级到高级计划，起价为每月 20 美元。

2. 糊涂

Smush 是一种流行的图像优化插件，活跃安装量超过一百万。除了 WordPress 中的延迟加载，Smush 还提供图像优化、压缩和调整大小的工具。

与 Jetpack 一样，Smush 非常易于使用。事实上，一旦安装完成，您只需几秒钟即可启动并运行它。更好的是，Smush 与许多主题、插件和浏览器兼容，因此您可以像往常一样开展业务。

Smush 的主要特点

图像优化、压缩和调整大小工具
将图像上传到 WordPress 时自动压缩文件
能够直接在图像块中查看所有 Smush 图像数据

Smush 的优点

您可以选择单独或批量优化图像（一次最多 50 张图像）。
您可以限制小部件、内容区域和缩略图等媒体的输出位置。
Smush Pro 附带 Smush CDN 和 WebP 转换，并存储原始图像的备份。

Smush 的缺点

Smush 会跳过超过 5MB 的图像，这对于某些网站（例如那些有作品集的网站）来说可能会出现问题。
对于某些用户来说，免费版本的压缩选项可能过于简单。

使用方便

开始使用 Smush 非常简单。您只需单击一个按钮即可激活这些功能。这会立即延迟折叠下方图像的加载。只需前往插件的设置，访问延迟加载 部分，然后点击激活。

价格

您可以使用该插件的免费版本或选择 Smush Pro，起价为每月 7.50 美元。此外，您可以先通过 7 天免费试用来测试该工具。

3.懒加载程序

Lazy Loader 是一个简单、直接的插件，完全按照它说的做。使用此工具，您不会有任何烦恼或多余的装饰。相反，您可以简单地启用/禁用某些元素的延迟加载并添加一个微调动画来加载内容。

此外，Lazy Loader 可以应用于多种类型的内容，包括视频、iframe、音频内容、图像，甚至背景、脚本和页面样式。因此，虽然没有花哨的功能可供使用，但 Lazy Loader 无疑是一个强大的工具。

延迟加载器的主要特性

通过手动修改延迟加载背景图像和脚本的能力
为特定帖子和页面启用/禁用延迟加载的复选框
能够在浏览器中使用本机延迟加载功能来修改 iframe 和图像

懒加载程序的优点

它推迟加载所有类型的内容，从页面样式到 iframe 和脚本。
您可以禁用具有特定 CSS 类的图像的延迟加载，并添加过滤器以供插件处理。
它使用“noscript”元素作为禁用 JavaScript 的后备。

延迟加载程序的缺点

您需要修改标记以将其用于未插入内联样式和脚本的背景图像。

使用方便

如果您计划将 Lazy Loader 用于未插入内联样式和脚本的背景图像，则需要更多的技术专业知识。但是对于任何其他元素，Lazy Loader 都非常容易设置。在设置下 → Media ，配置您想要的确切选项，插件立即开始工作。

价格

自由的。

4. 优化分子

Optimole 是一个基于云的全方位服务系统，提供延迟加载和调整大小。它还使您能够优化和压缩 WordPress 中的图像。此外，您甚至可以利用 Optimole CDN 来加快内容交付速度。

Optimole 的一个独特功能是它用基于云的 URL 替换所有图像 URL 并动态压缩它们。此外，您还可以享受额外的功能，例如基于格式的优化、智能裁剪和水印。

免费版每月可处理来自 200 多个地点的 5000 名访客。但如果这还不够，您可以随时升级到专业版以适应每月 5 万名访客。

Optimole 的主要特点

全球 CDN，无需额外费用
完全支持页面构建器
云图像库支持和 AVIF 支持更小的图像尺寸

Optimole 的优点

它不会影响布局，因此您可以改善用户体验 (UX)。
Optimole 支持所有图像类型，包括 WebP 和视网膜。
它根据每个访问者的设备实时优化。

Optimole 的缺点

延迟加载不如其他工具有效（有时图像会暂时被模糊图像替换）。
Pro 选项比此列表中的其他选项贵。

使用方便

Optimole 是一个全自动插件。因此，您可以“一劳永逸”设置，并且该工具在您网站的后台运行，几乎不需要持续维护。另外，您可以同样轻松地卸载 Optimole，您的网站将完好无损。

价格

有一个非常实用的免费版本的 Optimole 工具。或者，您可以升级以适应更多流量、在无限站点上使用该工具以及访问电子邮件支持。付费计划起价为每月 19.08 美元。

5. WP Rocket 的 LazyLoad

LazyLoad 是一个功能强大但轻量级的插件，脚本重量不到 10KB。我们说功能强大是因为 LazyLoad 会处理您网站上的所有资产，包括头像、缩略图、iframe、背景图片、YouTube 视频等。

它将 JavaScript 注入您的标头并延迟图像，而无需使用任何 JavaScript 库（如 jQuery）。使用更少的 HTTP 请求，LazyLoad 提供了另一种提高速度和提高 LCP 分数的方法。

LazyLoad 的主要特性

在帖子内容或小部件文本中延迟加载图像的能力
在某些页面上停用延迟加载的过滤器
自动（或手动）延迟加载背景图片

LazyLoad 的优点

它针对特定目标，例如改进 PageSpeed Insights 的指标或提高首次输入延迟分数。
它为图像使用“透明”占位符（而不是模糊图像）。
它用预览缩略图取代了 YouTube iframe。

LazyLoad 的缺点

评论声称 LazyLoad 会破坏您网站上的图像放置、布局和其他设计元素。
它不是最适合移动设备的插件。
它接收更新的频率低于其他延迟加载插件。

使用方便

如果您坚持使用基本选项，LazyLoad 很容易安装和配置。但是，如果你想获得更好的控制，比如从延迟加载中排除某些页面，你需要手动编辑你的functions.php文件。

价格

LazyLoad 是 WP Rocket 的免费插件。此外，如果您已经拥有 WP Rocket Cache 插件，则包含 LazyLoad。

6. 延迟加载视频

Lazy Load for Videos 是最好的延迟加载插件之一，适用于包含 YouTube 或 Vimeo 嵌入式内容的投资组合或网站等视频密集型网站。它的工作原理是用可点击的图像预览替换任何嵌入的视频，这会延迟 JavaScript。

更好的是，YouTube 视频也以增强隐私的模式加载。此外，您还可以享受大量自定义选项，例如调整“播放”按钮或在视频结束后隐藏相关视频建议。

视频延迟加载的主要功能

没有供应商锁定，也没有自定义短代码，所以如果您决定停止使用该工具，您的视频仍然可以播放
GDPR 合规性，使您能够在预览图像上方显示隐私免责声明
Vimeo 播放器和进度条的自定义颜色

视频延迟加载的优点

如果您愿意，可以将嵌入设置为自动播放。
您可以隐藏注释和 YouTube 控件以创建干净整洁的空间。
它包括附加功能，例如您可以应用于所有视频的前置/后置广告。

视频延迟加载的缺点

Jetpack“Shortcode Embeds”扩展、BuddyPress 和 YouTube Embed WordPress 插件存在一些兼容性问题。

使用方便

与此列表中的其他插件一样，Lazy Load for Videos 的安装和管理非常简单。此外，随时可以轻松打开和关闭插件。

价格

自由的。

7. a3 延迟加载

最后，a3 Lazy Load 提供独家的延迟加载服务。它的设置非常简单，即使对于初学者也是如此，而且它适合移动设备。

虽然该插件使您的页面加载速度更快，但由于 a3 Lazy Load 广泛的自定义选项，您还可以切换视频和 iframe 的设置。更好的是，您可以包含/排除特定元素，甚至可以添加一些平滑的过渡效果，如淡入淡出和微调器。

a3 Lazy Load 的主要特性

将插件用于内容丰富的网站的能力（已经过 1000 张图像的测试）
延迟加载缩略图、头像、小部件、自定义帖子类型等
与 WordPress 嵌入完全兼容

a3 延迟加载的优点

您可以为加载图像添加淡入淡出和微调效果。
您可以使用开/关功能来包含和排除元素。
它与 WooCommerce 等其他有用的插件完全兼容，因此您可以轻松地将它与您的在线商店集成。

a3 延迟加载的缺点

它仅适用于使用核心 WordPress 功能添加的媒体，不适用于任何自定义编写的功能。

使用方便

a3 Lazy Load 非常容易为所有用户级别设置和自定义。

价格

有免费版本可用，或者您可以升级到高级版本。付费计划起价为每月 24.99 美元，可在五个网站上使用。此外，您可以免费试用 a3 Lazy Load 14 天，如果您决定反对，可以轻松取消订阅。

最好的懒加载插件：对比表

	便于使用	额外的图像优化功能	与流行的插件完全兼容	提供免费版本
喷气背包助推器	是的	是的	是的	是的
粉碎	是的	是的	是的	是的
懒加载程序	是的	不	是的	是的
优化分子	是的	是的	是的	是的
延迟加载	是的	不	是的	是的
延迟加载视频	是的	不	不	是的
a3 延迟加载	是的	不	是的	是的

结论：什么是最好的 WordPress 延迟加载插件？

最好的延迟加载插件取决于您的网站需求。例如，如果您的站点上有许多高质量图像，您可能更喜欢提供图像优化功能（如压缩和调整大小）的插件。

此外，如果您的大部分媒体文件都是视频或 WebP 格式，那么找到具有此功能的插件很重要，因为某些工具只能处理 JPEG/JPG 和 PNG。

使用 Jetpack Boost，您可以勾选多个复选框。虽然您可以享受 Critical CSS 和延迟非必要 JavaScript 等额外功能，但 Jetpack Boost 不会用一堆您不需要的工具来拖累您的网站。相反，这些功能用于增强快速内容交付和延迟加载。

更好的是，您再也找不到更简单的工具来设置和配置了。一旦它安装在您的站点上，只需前往仪表板，您将在其中使用切换来启用/禁用每个设置。然后，Jetpack Boost 在您网站的后台运行，几乎不需要持续维护。

如何选择懒加载插件

现在您已经了解了 WordPress 最好的延迟加载插件，这里有一些方法可以缩小您网站的正确选择范围。

1. 确保它符合你的技能水平

一些用户可能想要一个具有大量控制配置和自定义选项的更实用的工具。但是对于初学者来说，所有这些设置都可能令人生畏。这就是为什么找到与您的技能水平相匹配的延迟加载插件很重要的原因。

如果您没有很多技术经验，您可能会更喜欢易于安装和自动运行的工具。有很多带有“一劳永逸”选项的选项，因此无需修改复杂的功能和持续维护。

2. 检查附加功能

如果您正在寻找延迟加载插件，您可能只需要一种方法来延迟加载非首屏图像。其中一些插件，如 LazyLoad 和 Lazy Loader，按照包装盒上的说明进行操作。

但是，对于更复杂、内容较多的网站，您可以从提供附加功能的工具中受益，以增强您的内容交付。例如，如果您有一个投资组合，您可能需要优化和压缩工具。同时，摄影网站可能会发现有用的水印功能。

3.找出支持的图像格式和尺寸

通常，大多数插件都支持 JPEG 和 PNG 等流行的图像格式。但并非所有工具都为 GIF 或视频等动画图像提供延迟加载。此外，一些较新的图像格式（如 WebP 和 Retina）可能会被忽略。

这就是为什么确保您选择的延迟加载插件能够支持您打算在您的网站上使用的所有文件类型很重要。此外，请记住，某些插件的免费版本通常没有那么强大。因此，虽然免费的延迟加载插件在短期内似乎是最佳选择，但它可能不适用于大型媒体文件。

4.确保它与您网站上的其他插件兼容

您最不想做的就是开始使用延迟加载插件，却发现它与您网站运行所必需的其他插件不兼容。例如，如果您拥有一家在线商店，您可能会依赖 WooCommerce 这样的平台。同时，论坛站点利用 bbPress 等专门的插件来获得功能。

如果该插件与您安装的其他软件不兼容，您就有可能破坏您的网站。因此，密切关注您首选工具的集成和兼容性至关重要。一个很好的例子是 Lazy Load for Videos 插件，它不适用于 Jetpack 的特定扩展。

一般来说，Jetpack Boost，因为它是由 WordPress.com 背后的人制作的，所以可以与大多数主题和插件一起可靠地工作。

有关 WordPress 延迟加载插件的常见问题

现在您已经知道如何为您的网站选择最好的延迟加载插件，下面是关于延迟加载的一些最常见的问题。

什么是好的延迟加载插件？

一个好的延迟加载插件可以延迟加载您的图片。这样做可以加快用户立即可见的内容的交付速度。虽然这是默认功能，但您还可以找到提供图像优化、压缩和调整大小工具等附加功能的延迟加载插件。

最重要的是，最好的延迟加载插件是自动化的、易于使用的，并且与 WooCommerce 等流行插件兼容。此外，找到一种不会损坏您的用户体验或调整图像质量过于明显的工具至关重要，因为这可能会让您的访问者感到沮丧。

WordPress 上的延迟加载插件要花多少钱？

有很多免费的延迟加载 WordPress 插件。但许多提供商还提供付费选项，其中可能包括额外功能或处理更大的文件大小。请务必注意，某些免费工具的功能可能非常有限。

这就是为什么 Jetpack Boost 是一个不错的选择。有一个完全免费的版本，配置起来超级简单。在 WordPress 上进行设置后，您可以延迟加载图像、推迟非必要的 JavaScript 并优化关键 CSS。这些设置使您能够在不花一分钱的情况下加快内容交付。

在 WordPress 上设置延迟加载插件容易吗？

延迟加载插件的易用性各不相同。您会发现更复杂的工具，需要更实际的方法和配置。但是您也可以选择易于安装和使用的简单延迟加载插件。

Jetpack Boost 的最佳功能之一是您只需点击几下即可进行设置。然后，使用切换来启用或禁用个别功能。另外，您可以随时停用该插件而不会损坏您的网站。

使用延迟加载插件我可以获得哪些其他功能？

您可以找到提供简化服务的延迟加载插件。但是，如果您想访问其他功能，则值得选择一个提供其他功能以提高站点性能的工具。

Jetpack Boost 是一个很棒的延迟加载插件，因为延迟加载服务简单但功能强大。更好的是，您可以推迟非必要的 JavaScript，优化关键 CSS，并且通过付费计划，您甚至可以自动化关键 CSS。您还可以将 Jetpack Boost 与 Jetpack 的 CDN 配对，以进一步优化和稳定您的 Web 性能。

使用延迟加载插件提升您网站的性能

虽然添加图像是美化网站的好方法，但过多的照片会导致加载时间变慢，从而扰乱您的用户体验。幸运的是，使用正确的延迟加载插件，您能够更快地交付内容并保持您的网站平稳运行。

回顾一下，这里有一些顶级的 WordPress 延迟加载插件：

Jetpack Boost ：一个易于使用的插件，具有用于速度优化的附加功能。
Smush ：一个流行的图像优化插件，带有压缩和调整大小工具。
Lazy Loader ：一种简单、无忧的延迟加载图像的方法。
Optimole ：一个包含 CDN 的基于云的全方位服务系统。
WP Rocket 的延迟加载：一个轻量级但功能强大的插件，可帮助您实现特定目标。
Lazy Load for Videos ：视频延迟加载的最佳选择，具有大量自定义工具。
A3 Lazy Load ：一个专门用于延迟加载的用户友好插件。

总的来说，使用 Jetpack Boost 是在您的站点上实现延迟加载的最佳插件。此外，借助一系列额外功能，您可以优化整个网络性能。立即开始使用 Jetpack Boost！