Gutenberg (Stackable Blocks) Background Images, Not Lazy Loaded

  • Resolved b4zman

    (@b4zman)


    4 years, 7 months ago

    Hi there

    I recently migrated over from Elementor to Gutenberg, and am using the Stackable blocks plugin for my page design.

    I am trying to figure out how to lazy load background images on my website.

    They seem to be missed by Litespeed Cache.

    I have a basic knowledge of how things work, and have also tried targeting the parent container of the background image, to ‘HTML Lazy Load Selectors’ with no luck either.

    Backgrounds to containers have been applied in Gutenberg, using the Stackable Blocks plugin.

    Report number: MUHAVKHF
    Report date: 02/10/2022 22:00:05

    Let me know if you need any more info, I really hope to resolve 🙂
    Thanks in advance
    Baz.

Viewing 4 replies - 1 through 4 (of 4 total)
  • Plugin Support qtwrk

    (@qtwrk)

    4 years, 7 months ago

    Hi,

    when images are loaded by CSS, like background-image:url(https://.... , it won’t be able to lazyload

    Best regards,

    Thread Starter b4zman

    (@b4zman)

    4 years, 7 months ago

    Ahh I see, I thought that would be the issue, but had seen hints of maybe some people figuring it out, no worries thanks for the help.

    I’m happy to find a different lazy load plugin, might you have any recommendations for good compatibility? I’m using the Litespeed Cache image optimisation tools (which are amazing, thanks again!)

    Alternatively, I’m happy to make the move to a different Gutenberg Block builder, like Kadence/Generatepress.
    Have you had any experience / recommendations to try any that might avoid this problem regarding background CSS images?

    Thanks in advance

    Plugin Support qtwrk

    (@qtwrk)

    4 years, 7 months ago

    Hi,

    well , technically you can lazyload images in background , but it seems to be extremely complicated to handle , I am not aware of any

    it should be compatible with any kind of lazyload plugin ,as long as you turn off the lazyload option inside of LSCWP

    Best regards,

    Thread Starter b4zman

    (@b4zman)

    4 years, 7 months ago

    Okay cool, no worries. Thanks for the advice, really appreciate it!

Viewing 4 replies - 1 through 4 (of 4 total)

The topic ‘Gutenberg (Stackable Blocks) Background Images, Not Lazy Loaded’ is closed to new replies.