Wordpress Smush Lazy Loading 添加填充,如何排除特定图像
Wordpress Smush Lazy Loading adds padding, how to exclude specific image
出于某种原因,当我启用 Smush Image Lazy Loading 时,它会在一些 Elementor 元素上添加填充。
由于这是来自插件 (Happy Addons) 的 Elementor 小部件,我无法控制小部件的 HTML 源,因此我无法将 class 添加到 <img/>
标签。使用 Smush 可以禁用基于 class 或使用过滤器的延迟加载。
我尝试了什么:
- 在使用 jQuery 加载页面时向 img 标签添加 class。
- 使用
add_filter
和 wp_smush_should_skip_parse
函数
- 使用
add_filter
和 smush_skip_image_from_lazy_load
函数
- 使用
add_filter
和 smush_skip_image_from_cdn
函数
None 上面的选项似乎对禁用延迟加载图像有任何影响。 add_filters 的代码类似于他们支持团队的代码:https://premium.wpmudev.org/forums/topic/wp-smush-pro-exclude-image-from-lazyloading/(只替换了图像 URL)请注意,我使用的是 free 版本的 Smush。
有效的方法是将整个页面排除在延迟加载之外,但这不是我解决问题的首选方法,因为它只发生在页面上的一个元素上。
有没有人可以为我提供一个工作示例,说明如何使用 Smush 忽略延迟加载的特定图像?
我不知何故忽略了 Smush 插件中的一个额外选项,启用本机延迟加载为我解决了这个问题,还大大提高了加载速度。
出于某种原因,当我启用 Smush Image Lazy Loading 时,它会在一些 Elementor 元素上添加填充。
由于这是来自插件 (Happy Addons) 的 Elementor 小部件,我无法控制小部件的 HTML 源,因此我无法将 class 添加到 <img/>
标签。使用 Smush 可以禁用基于 class 或使用过滤器的延迟加载。
我尝试了什么:
- 在使用 jQuery 加载页面时向 img 标签添加 class。
- 使用
add_filter
和wp_smush_should_skip_parse
函数 - 使用
add_filter
和smush_skip_image_from_lazy_load
函数 - 使用
add_filter
和smush_skip_image_from_cdn
函数
None 上面的选项似乎对禁用延迟加载图像有任何影响。 add_filters 的代码类似于他们支持团队的代码:https://premium.wpmudev.org/forums/topic/wp-smush-pro-exclude-image-from-lazyloading/(只替换了图像 URL)请注意,我使用的是 free 版本的 Smush。
有效的方法是将整个页面排除在延迟加载之外,但这不是我解决问题的首选方法,因为它只发生在页面上的一个元素上。
有没有人可以为我提供一个工作示例,说明如何使用 Smush 忽略延迟加载的特定图像?
我不知何故忽略了 Smush 插件中的一个额外选项,启用本机延迟加载为我解决了这个问题,还大大提高了加载速度。