使用 Elementor 的主要缺点是,页面加载时会同时加载用于节和列的背景图像。使用 WP Rocket 或 BJ Lazy Load 这样的插件无法解决此问题。该插件可以解决该问题。
该插件非常简单。没有额外的数据库表或查询,没有具有难以理解的选项的管理屏幕,除了页面是由 Elementor 设计之外,没有其他依赖项。它在前端注入了一些 JavaScript 和 CSS 。 CSS 隐藏所有非动画节和列的所有背景。 JavaScript 使用 WayPoints JS 库(与 Elementor 一起包装)检测访问者的滚动并在背景图片接近这些部分/列时开始加载背景图片。
新
已添加对以下 Elementor Pro 元素的支持:翻转盒和滑块–感谢 @dollhauss 的想法