Joomla的渐进式 Lazy Loading

在Joomla！上创建优质内容是一回事，使其可访问是另一回事。 Lazy loading 是一种解决方案，它在不改变您的工作流程的情况下将两者结合起来。通过渐进式 lazy loading，图像仅在需要时加载。如果读者从未到达网页上的图像，则永远不会下载。现在， lazy loading 在Joomla！上也可用。

lazy loading我们在WordPress上提出了对基本lazy loading配方的改进。今天，我们也为Joomla提出了同样的改进！但在此之前，我们先来看看如何在Joomla上启用渐进式lazy loading

在Joomla上启用 Lazy Loading ！

Lazy loading是Speed Cache扩展的一部分。 激活lazy loading就像打开一个开关一样简单。 但是，Joomla！Speed Cache还包含其他功能，可帮助您充分利用lazy loading

要配置您Joomla！博客上的lazy loading，请前往您的Speed Cache仪表板。然后，点击配置按钮，进入全新的Speed Cache设置页面。

设置位于参数选项卡中。导航到那里或使用全新的搜索功能查找lazy loading设置。要启用lazy loading，只需打开lazy loading选项即可。执行此操作后，Speed Cache将显示新选项，以自定义lazy loading以适应您的网站。

从Joomla！延迟加载中排除图像

通过前两个字段，您可以排除某些图像的 lazy loading ，如果它们非常小，例如图标或小徽标。这对于仅对实际影响Joomla！博客加载时间的图像启用 lazy loading 非常有用。因此，请确保仅排除非常小的图像，以免使 lazy loading 无效。.

然而，在某些情况下，您可能希望从 lazy loading中排除（或包括）整个Joomla！帖子或页面集。这样做的原因多种多样，并且是合理的——也许它们包含的媒体对于内容来说是不可或缺的。以下两个字段用于此效果。.

使用第一个字段，您可以仅为特定页面启用 lazy loading ，并且使用第二个字段，您可以仅对所选内容禁用 lazy loading 。在这两种情况下，也允许使用通配符；使用星号符号将 lazy loading 应用于类似命名的Joomla！文章或页面。保存更改以启用 lazy loading： lazy loading 会在您的Joomla！博客上自动生效。.

渐进式延迟加载如何在Joomla上工作！

Lazy loading 根据需要尽快提供内容。通常，页面由文本和图像组合而成。下载媒体比下载文本需要更多时间，尤其是在低端手机或互联网访问速度较慢的情况下。虽然您的Joomla！博客无法神奇地加快手机或互联网访问速度，但它可以做下一件最好的事情：改善用户体验。.

lazy loading 的实际效果是浏览器最初加载文本，这通常是 Joomla! 博客不可或缺的一部分。文本的体积也更小，因此加载速度更快，读者可以跟随阅读。当他们向下滚动，图片进入视野时， lazy loading 会下载并显示图片。.

实际上，图像仍可能需要一段时间才能加载。因此，渐进式图像懒加载会自动创建图像的小版本——20px宽，4种颜色，大小仅几KB——将其放大到原始大小，然后模糊它们。这样做的效果是全尺寸图像的模糊版本，表明图像仍在下载中。当懒加载完成图像下载后，Joomla! 会用完整图像替换模糊图像。.

渐进式 lazy loading 与 lazy loading自动启用，这意味着您无需进行任何其他更改。最重要的是，通过仅使用图像的小版本，渐进式 lazy loading 对您的Joomla！存储空间增加的开销非常小。.

Joomla！画廊中的Lazy Loading

Lazy loading 没有区别对待。 Speed Cache的 lazy loading 适用于任何图片，包括像 Droppics 这样的图片库。与普通图片类似， Speed Cache 会放大图片库中小图片的版本并使其模糊。当用户向下滚动时， lazy loading 会下载全尺寸图片。.

最重要的是， Speed Cache的 lazy loading 不会阻碍您的工作流程。相反，它将 lazy loading 注入到您的流程中：只需在您的Joomla！博客的任何地方插入图像或画廊， Speed Cache 就会在主要内容（主要是文本和被您的偏好排除的小图像）加载后，使用AJAX逐一懒加载图像。.

基于屏幕高度的智能 Lazy Loading

Lazy loading 全部与滚动和屏幕高度有关。 Speed Cache的 lazy loading 非常智能，它仅适用于当前屏幕高度（基于视口）并预加载下一个。因此，如果您有快速的连接或滚动缓慢，您甚至不会注意到 lazy loading 已在您的Joomla网站上激活。.

此外，这个基于屏幕高度的 lazy loading 仅适用于当前的屏幕高度，即使它在页面的中间，例如链接到锚点。然后，一旦您向上滚动或向下滚动，就会应用 lazy loading 。.

Joomla SEO和 Lazy Loading

Speed Cache 中使用的 lazy loading 不会影响SEO。事实上，爬取您内容的搜索引擎（如Google机器人）只会看到其优势：

• 页面的加载时间大大改善了；
• 所有图像内容，包括替代文本、图像标题和描述，都在没有 lazy loading的情况下立即加载；并且
• 图像标题也会在页面首次呈现时加载。.

渐进式 lazy loading 是在显示媒体和延迟下载之间通过添加视觉提示达成的折衷。同时， lazy loading 使浏览您的Joomla！博客变得更快、更愉快。分享优质内容本就应该毫无障碍，现在，有了Joomla上的渐进式 lazy loading ，访问这些内容也变得毫无障碍。.

当然，我们也可以记住，Speed Cache还提供了许多其他出色的工具，例如非常好的缓存模块，这将使我们能够加快网站速度并将其提升到新的高度！

检查Joomla的Speed Cache： https://www.joomunited.com/products/speed-cache