Lazyline 是一个轻量级且灵活的图片懒加载WordPress插件，它通过将首屏图像、视频和 iframe 的加载推迟到它们进入视口的时间来加速您的网站。它是用普通的“vanilla”javascript 编写的，它利用 IntersectionObserver API，支持响应式图像，优化您的网站以降低连接速度，并可以启用本机延迟加载。
Lazyline 为您的图像提供了强大的占位符生成器。它允许您创建低质量的占位符并在网站加载期间显示它们而不是全尺寸图像。 Lazyline 管理仪表板允许您动态跟踪 LQIP 的生成过程：
演示地址：
https://lazyline-plugin.jkdevstudio.com/front-demo/
#1 LQIP Thumbnails
#2 LQIP Pixelart
#3 LQIP Palette
#4 LQIP Primitives
轻量级（仅 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 启用 lazyline？没问题，只需将这些类别/ID 添加到禁用列表，它们就会被忽略。您还可以对特定帖子类型和特定元素禁用 lazyline。
阈值控制
我们创建了一个强大的控制器来设置延迟加载阈值，这是一个值，超过该值后，延迟线图像才会开始加载。使用 Lazyline，您可以以最详细的方式设置此值，从而在优化和便利性之间保持平衡。
取消图片下载
如果您的移动用户的连接速度较慢并且快速向下滚动，Lazyline 会取消仍在加载但已退出视口的图像的下载。
延迟加载不同的媒体元素
Lazyline 可以延迟加载图像、iframe、视频、图片、源、背景、HIDPI 背景等。
响应式图像
Lazyline 可以处理诸如 srcset 和 size 之类的响应属性，因此该插件可以在任何屏幕和任何设备上正常工作
支持原生 WordPress 延迟加载
Lazyline 支持具有原生 loading=”lazy” 属性的元素，但您也可以禁用此支持并用更强大的 lazyline 元素替换这些元素。
服务器信息选项卡
使用 Lazyline，您不再需要深入研究服务器配置来确定值是否满足最低要求。只需打开 Lazyline 仪表板中现成的服务器信息选项卡，即可获得有关所有 PHP 限制和 PHP 扩展的完整报告。
强大的预加载器定制器
Lazyline 让您从 20 多个现成的 SVG 预加载器中选择一个，您也可以设置自己的或插入自定义 SVG 代码。
导入/导出设置
您是否在暂存分支上并希望将更改推送到实时？只需导出 Lazyline 设置并将其导入另一个站点即可。由于我们使用的是 JSON 文件格式，而不是庞大的 XML，因此此过程只需几秒钟。
评论0