Joomla的渐进式Lazy Loading

在Joomla上创造精彩的内容！ 是一回事，使其可访问是另一回事。 Lazy loading是一种在不改变工作流程的情况下将两者结合的解决方案。 使用渐进式lazy loading ，仅在需要时以及在需要时lazy loading图像。 如果读者从未触及到网页上的图像，则永远不会下载该图像。 现在，Joomla上也可以进行lazy loading ！

lazy loading的好处很多； 页面加载速度更快，这意味着用户体验会更好，SEO分数会飙升，并且低端设备或互联网访问速度较慢的用户可以更轻松地访问Joomla内容。 几周前，我们对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 ，只需打开lazy loading选项。 一旦这样做， Speed Cache显示新选项，以自定义lazy loading以适合您的网站。

从Joomla中排除图片！

在前两个字段中，可以将某些图像（如果很小）（例如图标或小徽标）从lazy loading排除。 这对于仅对实际上影响Joomla加载时间的图像启用lazy loading很有用！ 博客。 因此，请确保仅排除非常小的图像，以免使lazy loading无效。

但是，在某些情况下，您可能要排除（或包括）整个Joomla！ lazy loading帖子或页面。 您这样做的原因差异很大且很合理-也许它们所包含的媒体是内容不可或缺的一部分。 以下两个字段用于实现此目的。

在第一个字段中，您可以仅对某些页面启用lazy loading ，而在第二个字段中，可以仅对内容的选择禁用lazy loading 。 在这两种情况下，都允许使用通配符。 使用星号符号将lazy loading应用到名称相似的Joomla集合上！ 帖子或页面。 保存更改以启用lazy loading ： lazy loading对您的Joomla生效！ 自动博客。

如何在Joomla上进行渐进式Lazy Loading ！

Lazy loading会在需要时立即提供内容。 通常，页面由文本和图像的组合组成。 与下载文本相比，下载媒体要花费更多的时间，尤其是在低端手机或互联网访问速度较慢的情况下。 而您的Joomla！ 博客不能神奇地加快移动电话或互联网的访问速度，它可以做的下一个最好的事情就是：改善用户体验。

lazy loading实际上是指浏览器最初加载文本，这通常是Joomla不可或缺的一部分！ 博客。 文本的大小也要小得多，因此加载速度更快，读者也可以紧随其后。 当他们向下滚动并看到图像时， lazy loading下载并显示该图像。

实际上，加载图像可能仍需要一些时间。 因此，渐进式图像lazy loading自动创建一个小版本的图像（20像素宽，4种颜色，大小仅为几KB），将其放大到原始大小，然后将其模糊。 效果是完整尺寸图像的模糊版本，指示该图像仍在下载中。 lazy loading完成下载图像后，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上的任意位置插入图像或图库即可！ 在加载了主要内容（主要是您的首选项所排除的文本和小图像）之后，blog和Speed Cache自动使用AJAX一张一张地延迟加载图像。

基于屏幕高度的智能Lazy Loading

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

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

Joomla SEO和Lazy Loading

Speed Cache中使用的lazy loading不会影响SEO。

• 页面的加载时间要好得多；
• 所有图像内容，包括备用文本，图像标题和说明，都将立即加载，而不会lazy loading ； 和
• 页面首次呈现时也会加载图像标题。

渐进式lazy loading是通过显示视觉提示来显示媒体与延迟下载媒体之间的折衷方案。 同时， lazy loading使您可以浏览Joomla！ 博客带来更快，愉快的体验。 现在，通过Joomla上的渐进式lazy loading ，可以无限地共享精彩的内容！ 也没有使其可访问的界限。

当然，我们还可以记住， Speed Cache还提供了许多其他很棒的工具，例如非常好的缓存模块，它将使我们能够加快网站速度并将其提升到一个新的水平！

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