Lazyline – 创新的延迟加载和 LQIP WordPress 插件 v1.3.4
Lazyline 是一个轻量级且灵活的 WordPress 插件,它通过将首屏图像、视频和 iframe 的加载推迟到它们进入视口的时间来加速您的网站。 它是用普通的“vanilla” JavaScript 编写的,它利用 IntersectionObserver API,支持响应式图像,优化您的网站以降低连接速度,并且可以启用本机延迟加载。
LQIP(低质量图像占位符)
Lazyline 为您的图像提供了强大的占位符生成器。 它允许您创建低质量的占位符并在网站加载期间显示它们而不是全尺寸图像。 Lazyline Admin Dashboard 允许您动态跟踪 LQIP 的生成过程。
轻量级(仅 51kb)
不要因为糟糕的编码和遗留插件而受到搜索引擎的惩罚。 Lazyline 使用原生 WordPress 功能、vanilla JS 并遵循现代编码标准。
搜索引擎优化友好
Lazyline 不会从搜索引擎中隐藏图像/资产。无论您使用什么标记模式。搜索引擎不会滚动/与您的网站交互。 Lazyline 检测用户代理是否能够滚动。如果没有,它们会立即显示所有图像。
断网后重试加载
如果您的移动用户连接不稳定并离线并重新在线,Lazyline 会重新尝试下载出错的图像。
开发者/调试模式
您可以启用开发人员/调试模式来跟踪每个单独图像的延迟加载状态。在这种模式下,有 8 个不同的状态触发器,每个触发器都有一个单独的事件,向浏览器控制台显示信息通知。
附加验证
页面的验证状态是实现出色 SEO 效果的重要点。大多数开发人员忘记为图像添加 alt、title、width 和 height 属性,因为它们看起来微不足道,但实际上,这些属性对 SEO 和 CLS 产生了巨大影响。这就是为什么我们添加了一个单独的设置来自动将这些属性添加到您的图像中。
XMLHttp 观察者
您使用的是支持 AJAX 的 WordPress 主题吗?或者加载更多功能?不用担心,我们创建了一个创新的观察器,它可以捕获页面上的每个 ajax 请求并更新每个 Lazyline 实例的 DOM 数据,因此您可以显着加快 XMLHttp 请求并为 AJAX 加载的内容获取一个有效的 Lazyline 处理程序。
模糊/抗锯齿设置
您可以启用或禁用原生图像过滤器,例如抗锯齿 (AAF) 和高斯模糊。例如,对于标准 LQIP,建议启用它们,因为这会稍微提高占位符的质量。同样对于 pixelart/primitives LQIP,建议禁用这些过滤器,以便像素/SVG 形状清晰。
后备/占位符图像
Lazyline 能够处理没有 src 属性或在加载过程中出错的图像,在这种情况下,处理程序将 src 替换为临时占位符/备用图像,以免损坏网站布局。
跳过的课程/帖子 ID
不想为特定类启用惰性线?或者在某些特定的帖子 ID 上?这不是问题,只需将这些类/ID 添加到禁止列表中,它们就会被忽略。您还可以在特定帖子类型和特定元素上禁用惰性线。
阈值控制
我们创建了一个强大的控制器来设置延迟加载阈值,它是延迟线图像开始加载的值。使用 Lazyline,您可以以最详细的方式设置此值,在优化和便利之间保持平衡。
取消图片下载
如果您的移动用户连接速度较慢并且快速向下滚动,则 Lazyline 会取消下载仍在加载但已退出视口的图像。
不同媒体元素的延迟加载
Lazyline 可以延迟加载图片、iframe、视频、图片、来源、背景、HIDPI 背景等。
响应式图像
Lazyline 可以处理响应属性,例如 srcset 和尺寸,因此该插件可以在任何屏幕和任何设备上正常工作
支持原生 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 都会更新插件更改数据,因此您可以直接在管理面板中查看更改日志。