Lazyline – 创新的延迟加载和 LQIP WordPress 插件

与 WordPress 6.4+ GDPR 兼容

Lazyline – 创新的延迟加载和 LQIP WordPress 插件 v1.4

Lazyline 是一个轻量级且灵活的 WordPress 插件，它通过将首屏图像、视频和 iframe 的加载推迟到它们进入视口的时间来加快您的网站速度。它是用纯的“普通”JavaScript 编写的，它利用 IntersectionObserver API，支持响应式图像，针对较慢的连接优化您的网站，并可以启用本机延迟加载。

LQIP（低质量图像占位符）

Lazyline 为您的图像提供了一个强大的占位符生成器。它允许您创建低质量的占位符并在网站加载期间显示它们而不是全尺寸图像。

Lazyline 管理仪表板允许您动态跟踪 LQIP 的生成过程：

#1 LQIP 缩略图

#2 LQIP 像素艺术

#3 LQIP 调色板

#4 LQIP 原语

轻量级（仅 51kb）

不要再因为编码不良和遗留插件而受到搜索引擎的惩罚。Lazyline 使用原生 WordPress 功能、普通 JS 并遵循现代编码标准。

SEO友好

Lazyline 不会从搜索引擎中隐藏图像/资产。无论您使用哪种标记模式。搜索引擎不会滚动/与您的网站交互。Lazyline 检测用户代理是否能够滚动。如果没有，它们会立即显示所有图像。

网络断开连接后重试加载

如果您的移动用户连接不稳定，并且脱机并重新联机，Lazyline 会重试下载出错的图像。

开发人员/调试模式

您可以启用开发人员/调试模式来跟踪每个映像的延迟加载状态。在此模式下，有 8 个不同的状态触发器，每个触发器都有一个单独的事件，向浏览器控制台显示信息通知。

其他验证

页面的验证状态是实现出色 SEO 结果的重要一点。大多数开发人员忘记为图像添加 alt、title、width 和 height 属性，因为它们看起来微不足道，但实际上，这些属性对 SEO 和 CLS 产生了巨大影响。因此，我们添加了一个单独的设置，可以自动将这些属性添加到您的图像中。

XMLHttp 观察程序

您是否正在使用支持 AJAX 的 WordPress 主题？还是加载更多功能？别担心，我们创建了一个创新的观察器，可以捕获页面上的每个 ajax 请求并更新每个 Lazyline 实例的 DOM 数据，因此您可以显着加快 XMLHttp 请求并为 AJAX 加载的内容获得有效的 Lazyline 处理程序。

模糊/抗锯齿设置

您可以启用或禁用原生图像滤镜，例如抗锯齿 （AAF） 和高斯模糊。例如，对于标准 LQIP，建议启用它们，因为这会稍微提高占位符的质量。同样对于像素艺术/图元LQIP，建议禁用这些过滤器，以便像素/SVG形状清晰。

回退/占位符图像

Lazyline 能够处理没有 src 属性或在加载过程中出错的图像，在这种情况下，处理程序会用临时占位符/回退图像替换 src，以免损坏网站布局。

跳过的课程/帖子 ID

不想为特定类启用 lazyline？还是在一些特定的帖子 ID 上？这不是问题，只需将这些类/ID 添加到禁止列表中，它们就会被忽略。您还可以在特定帖子类型和特定元素上禁用惰性线。

阈值控制

我们创建了一个强大的控制器来设置延迟加载阈值，它是延迟加载图像开始加载的值。使用 Lazyline，您可以以最详细的方式设置此值，在优化和便利性之间保持平衡。

下载图像

如果您的移动用户连接速度较慢且向下滚动速度较快，则 Lazyline 会取消下载仍在加载但已退出视口的图像。

不同媒体元素的延迟加载

Lazyline 可以延迟加载图像、iframe、视频、图片、源、背景、HIDPI 背景等。

响应式图像

Lazyline 可以处理响应式属性，例如 srcset 和 sizes，因此该插件可以在任何屏幕和任何设备上很好地工作

支持原生 WordPress 延迟加载

Lazyline 支持具有 native loading=“lazy” 属性的元素，但您也可以禁用此支持并用更强大的 lazyline-ones 替换这些元素。

服务器信息选项卡

使用 Lazyline，您不再需要深入研究服务器配置来了解这些值是否满足最低要求。只需打开 Lazyline Dashboard 中现成的服务器信息选项卡，即可获得有关所有 PHP 限制和 PHP 扩展的完整报告。

强大的预加载器定制器

Lazyline 允许您从 20 多个现成的 SVG 预加载器中选择一个，您还可以设置自己的或插入自定义 SVG 代码。

导入/导出设置

您是否处于暂存分支并希望将更改推送到实时？只需导出 Lazyline 设置并将它们导入到另一个站点即可。此过程需要几秒钟，因为我们使用的是 JSON 文件格式而不是庞大的 XML。

自动更新

Smart Lazyline Dashboard 使您的网站保持最新状态。我们的自动更新处理程序是完全原生的，由 WordPress HTTP API 提供支持。

动态变更日志

每 6 小时和每次更新后，Lazyline Dashboard 都会更新插件更改数据，因此您可以直接在管理面板中查看变更日志。