weixin_39522486
weixin_39522486
2020-12-25 18:39

WP Smush lazyload - Images are hidden when our lazyload is enabled

WP Smush has a lazyload functionality: https://premium.wpmudev.org/blog/smush-image-lazy-load-free/

When that's enabled in combination to WP Rocket's lazyload, images aren't displayed because of these CSS rules which WP Smuch adds:

CSS
<style>.no-js img.lazyload {
    display: none
}

figure.wp-block-image img.lazyloading {
    min-width: 150px
}

.lazyload,
.lazyloading {
    opacity: 0
}

.lazyloaded {
    opacity: 1;
    transition: opacity 400ms;
    transition-delay: 0ms
}

</style>

Proposed compatibility solution:

Detect if WP Smush is installed and the lazyload feature is activated, and display a notification and/or prevent WP Rocket's lazyload from being activated.

Related ticket: https://secure.helpscout.net/conversation/948513882/121859/

该提问来源于开源项目:wp-media/wp-rocket

  • 点赞
  • 写回答
  • 关注问题
  • 收藏
  • 复制链接分享
  • 邀请回答

4条回答

  • weixin_39522486 weixin_39522486 3月前

    I followed the QA steps and found these:

    Step 4: After updating WP Rocket to the 3.4.2-alpha 1 our lazyload option was greyed out but still enabled: https://i.vgy.me/aqcIpV.jpg

    Step 6: There wasn't any notice in the UI about WP Smush.

    点赞 评论 复制链接分享
  • weixin_39843215 weixin_39843215 3月前

    When is this going to be released?

    点赞 评论 复制链接分享
  • weixin_39944074 weixin_39944074 3月前

    it's in version 3.4.2 released a couple days ago

    点赞 评论 复制链接分享
  • weixin_39843215 weixin_39843215 3月前

    Where can I download it? the last release that's available right now in wordpress plugins is 3.3.2.

    点赞 评论 复制链接分享

为你推荐