WordPress延迟加载指南

给WordPress网站添加延迟加载是加速网站的有效工具。草根seo写了大量文章(我们甚至做了一个案例研究(icloud drive，Anonymous SEO Blog，wWw.lWyseo.com))，讲述了页面加载速度慢如何对转化率、搜索引擎优化等在线成功标志产生负面影响。对于SEO来说，网站加载速度越快越好。

减缓网站速度的两个最重要的因素是HTTP请求和页面加载。当然，浏览器发送给服务器的请求越多，处理网站的时间就越长。同时，页面越大(例如，它包含许多图像)，加载所需的时间就越长。

延迟加载是解决这两个因素的技术。这意味着延迟网页某些部分的加载，直到它们被真正需要。这也是这篇博文的主题。在下面，您将了解延迟加载是如何工作的，它的优缺点，以及如何将延迟加载添加到WordPress中。

什么是延迟加载，可以使用吗？

如前所述，延迟加载是一种防止浏览器最初加载网页部分(通常是图像)并用占位符替换它们的方法。因此，页面变得更小，需要从服务器传输到浏览器的数据也更少。

结果：更快的网站加载和更快乐的用户。

但是等等，你不需要你网站的那些部分吗？如果你没有，他们就不会在那里，是吗？它不会弄乱页面吗？

好了，这就是延迟加载的作用。这项技术并不是简单地禁止浏览器加载资源和图像，而只是将它们延迟到实际需要的时候。

例如，图像不需要在页面上，直到访问者向下滚动到足以真正看到它。因此，浏览器实际上并不需要在它发生之前加载它，这就是延迟加载的功能。

顺便说一下，还有其他方法可以优化您网站上的图像，并使它们加载得更快。)

延迟加载用例。

在网络上，延迟加载最常用于图像。你可能在一些图库网站上看到过，他们使用这种技术使他们的列表在用户浏览器中出现得更快。

然而，这并不是延迟加载能够延迟的唯一因素。其他例子包括视频、脚本和评论。实际上，将JavaScript文件移动到页面的页脚是加快页面加载时间的常用技术。

您可能还会注意到，YouTube只在您向下滚动时加载评论。这样，平台保证了你可以更快地观看视频。

还有一个延迟加载的特殊应用叫做无限滚动。它是经典分页的替代，只要用户到达页面底部，就会加载其他帖子。你可以在Pinterest上看到它，或者如果你是Pocket用户。

它消除了大量点击，非常适合用户体验。然而，无限滚动并非没有争议，也不会是本文的重点。

延迟装载的优点。

延迟加载的主要优势很明显：加载时间更快，当你能切掉很大一部分页面权重时，自然会更快地出现在浏览器中。

一个好的副作用是为访问者节省了相当多的带宽。特别是那些在移动设备上使用数据连接的人将会非常感激。除了更快地看到你的网站，他们不必浪费图像在他们可能从未见过的图像上。

在你的网站上使用延迟加载的缺点。

然而，使用延迟加载并不全是阳光和彩虹，这种技术也有一些缺点。

首先，它对搜索引擎并不总是友好的。当您延迟为访问者加载资源时，您也会对搜索引擎蜘蛛做同样的事情。因此，他们可能不会索引你的一些内容，这对SEO不是很好。即使有变通办法。当然，当使用延迟加载而不仅仅是图片发布时，这是一个更大的问题(这就是为什么许多人远离它)。

第二个问题是用户体验。当您非常快速地向下滚动网站时，用实际的视觉效果替换占位符图像会导致页面内容跳转，这可能很烦人。

那么，对于延迟装车的判断是什么呢？总之，在有限的范围内使用这项技术可以让你的WordPress网站加载更快，但是你需要注意SEO和用户体验。

如何通过插件给WordPress添加延迟加载？

虽然您可以手动将延迟加载添加到WordPress中，但是选择使用以下插件之一更容易。这里列出的许多好处都是简单的“算了”解决方案，您只需要在没有任何配置的情况下激活它们。大部分也很轻巧。

由于这个原因，我似乎没有必要在没有插件的情况下给WordPress添加延迟加载(除非你这样做是为了提高你的技术密封，这是一个合法的原因)。对于大多数用户来说，最好从WordPress Sphere提供的众多延迟加载插件中选择一个。

惰性负载

我们的第一个候选是最受欢迎的延迟图像加载的免费解决方案。它有超过90，000个安装和稳定的四星级。它的受欢迎程度可以部分解释自动机团队是它的贡献者这一事实。

惰性加载插件使用jQuery.sonar仅在视图出现在视口中时加载图像(这是您在设备上看到的网站的一部分)。解压插件只有20KB大小，所以你需要做的就是安装并激活它。不需要配置。

BJ懒负载

延迟加载WordPress插件的最佳宝座亚军是BJ懒惰加载。它有超过60，000个安装和类似的良好评级。

该插件将使用占位符替换内容中的所有图片和iframe(包括YouTube和Vimeo视频)，直到它们被查看。您非常乐意安装和激活。

>Lazy Load by WP Rocket

在这里，我们有一个与流行的缓存插件WP Rocket相同的插件。它可以延迟加载图像和/或iframe，包括缩略图，小部件内容，头像和表情符号。更重要的是，该插件不使用任何JavaScript库。这可能是它重量不到10KB的原因之一。

超过10,000个网站信任WP Rocket的Lazy Load，因此它似乎正在正常工作。WordPress目录中的插件站点还包含用于选择性地停用页面或图像上的延迟加载或更改其加载阈值的代码。否则，没有可用的配置选项。

a3 Lazy Load

a3 Lazy Load声称是“功能最全面，非常容易设置WordPress的延迟加载插件。”它也是这个列表中为数不多的几个实际上带有一些设置的条目之一。

该插件适用于在帖子，页面，小部件，缩略图和/或头像中延迟加载图像，视频和iframe。它也适用于后嵌入并且兼容WooCommerce。

a3 Lazy Load甚至可以提供网站上出现的效果图像。好像这还不够，它还允许您选择是在页眉或页脚中加载其脚本（延迟加载自身的延迟加载插件，如何元）以及忽略图像或视频。

上面，我们已经讨论了延迟加载如何工作以及您可以使用它的方式。除了图像的主要应用程序，您还可以将其应用于视频，脚本，评论甚至帖子和页面。

虽然你需要注意SEO，如果以正确的方式使用，延迟加载仍然是使你的WordPress网站更快的好选择。如果你想尝试一下，这个列表中的一个插件肯定能满足你的需求。