WordPress 延迟加载：如何将其添加到您的网站

拥有良好的页面加载速度对于提供良好的用户体验很重要，它还可以帮助您提高搜索引擎排名。 在创建在线网站或商业网站时，没有其他 CMS 比 WordPress 更好。

延迟加载是拥有大量媒体资源同时为您的网站保持良好加载时间的最佳策略。 这是一种关键策略，可以识别非关键资源并仅在需要时加载它们。 使用此策略可减少页面加载时间、降低跳出率并改善客户体验。

WordPress 是领先的 CMS，允许您将视频、图像和其他媒体集成到您的网站中。 不过，新版本还附带了 WordPress 延迟加载功能。

激活 WordPress 延迟加载功能后，您网站上所有精彩的图片或视频都将进行延迟加载。

现在访问者将能够快速加载您的站点并访问内容。 如果您的业务收入取决于您的 WordPress 网站，强烈建议您使用此策略。

什么是延迟加载，它是如何工作的？

延迟加载是一种优化技术，它使加载内容对用户可见，并延迟下载和渲染非首屏内容。

如果您的网站有很多高分辨率的图像和视频，那么您的网站不必加载缓慢。 它可以优先处理这些关键的图像和视频，从而大大减少了加载时间。

它是这样工作的：

• 浏览器在不下载图像和预加载视频的情况下构建网页 DOM。
• 将要下载的图像和要预加载的视频基于由 JavaScript 确定的最初可见内容。
• 延迟加载仅在访问者在屏幕上查看图像或视频时才加载。

图像和视频只有在实际需要时才会提前加载。 如果你不去网站的多个部分，那么其中一些图像将永远不会被加载。

延迟加载基本上是基于优先级的 WordPress 图像和视频加载。 这是获得两全其美的极其有效的方法。 您可以拥有一个具有出色图形和速度的惊人网站。

如何将 WordPress 延迟加载添加到您的网站

有两种方法可以将延迟加载添加到您的站点。 您可以使用 WordPress 插件手动完成。 为确保此任务的成功，了解这两种方法很重要。

1.使用插件实现懒加载

您可以通过安装插件来消除所有 WordPress 延迟加载问题。 WordPress 上有许多可用的插件，但使用速度优化插件会带来其他好处。

你可以使用像 w3speedster 这样的插件来优化网站的整体速度，同时实现延迟加载。 您可以完全控制可以延迟加载的图像，所有这些都可以在没有任何编码的情况下完成。

如果您的团队没有太多的技术专长，那么使用插件将是最佳选择。 使用完插件后，通过 PageSpeed Insights 检查您的速度。 如果您看到显着的改进，那么您就正确地完成了工作！

您可以放心，您的访客将受到良好的用户体验。

按照以下步骤成功将 w3speedster 插件添加到您的网站。

第一步：安装并激活插件

转到 WordPress 仪表板，单击插件部分，然后单击添加新的。 找到 w3speedster 插件并点击上传。 选择 zip 文件，然后单击安装。

在安装过程开始之前，WordPress 会要求您确认是否要将插件添加到您的站点。 选择是，安装过程将开始。

一旦插件被激活，您就可以开始享受它的好处了。 但是，在此之前，您应该前往设置部分。

第 2 步：使用设置面板配置插件

转到 w3speedster 插件，以便您可以配置延迟加载的设置。 您可以在此处选择您希望站点延迟加载的媒体文件。

此插件允许您延迟加载图像、视频、音频和 iframe。 单击要延迟加载的媒体文件的复选框。 做出选择后，保存更改，然后退出。

2.手动添加懒加载

如果您不想向您的 WordPress 站点添加另一个插件，那么您会很高兴知道您也可以手动执行此操作。 Chrome、Firefox 和 Opera 等多种浏览器都支持本机延迟加载。

你只需要添加属性到选定的图像和视频。 添加该属性后，您将自动在您的网站上启用延迟加载。

延迟加载现在默认在您的 WordPress 网站上实现。 如果你只想为几张图片激活延迟加载，那么你可以手动执行此操作。

<img src=”image-name.png” loading=”lazy” alt=”alt attribute” width=”300″ height=”300″>

尽管这是向您的 WordPress 网站添加延迟加载的绝佳方式。 您应该知道并非所有浏览器都支持此方法。 但是，一些最受欢迎的人会这样做。 所以它仍然是一个安全的赌注。

延迟加载的优点和缺点

如果您不确定是否要对您的 WordPress 网站实施延迟加载。 然后你可以综合考虑利弊再做决定。

优点

• 它减少了带宽使用，从而降低了托管成本。
• 它提高了网站的速度，使访问者的体验更好。
• 提高移动可用性。
• 提高网站的排名。
• 增加用户保留的机会

缺点

• 它减慢了滚动速度。

延迟加载如何影响 SEO？

搜索引擎会抓取您的网站和网站上的其他元素，例如图像，以向用户提供结果。 虽然延迟加载可以提高站点速度并提高性能。

在某些情况下，它可以阻止搜索引擎为图像编制索引。 您网站的图片还可以帮助您在搜索引擎上排名。 有时，用户可能完全通过图像找到您的网站。 因此，它们对于获得有机结果至关重要。

这里有几件事要检查

• 您必须确保 Google 和其他搜索引擎仍然能够抓取您的延迟加载图像。 这可以通过使用 Google Search Console 中抓取部分下的工具“Fetch as Google”来检查。 如果您可以在源代码中看到图像，那么您就可以开始了。
• 您应该为您网站的图片使用 alt 标签。 这将帮助搜索引擎了解图像的上下文以及它与您网站的其余内容的关系。

结论

虽然延迟加载是改善用户体验的好方法，但有策略地做同样的事情也很重要。 例如，您不应该延迟加载出现在网站标题上的图像。 因为快速加载这些图像很重要。

除此之外，您可以延迟加载站点的其余媒体。 延迟加载有不止一个好处。 它提高了站点速度，减少了带宽使用，提供了出色的用户体验，并改善了 SEO。