Lazy Loading not working for parallax image

  • Resolved nik3sh

    (@nik3sh)


    4 years, 4 months ago

    Hello ,

    I was looking for lazyloading for my background images , your plugin mentions that it works with the same but i cannot see any changes . Below is the html where my image loads.

    <div id="av_section_1" class="avia-section main_color avia-section-default avia-no-shadow avia-full-stretch avia-bg-style-fixed avia-builder-el-1 el_after_av_textblock el_before_av_submenu av-minimum-height av-minimum-height-50 container_wrap fullsize" style="background-repeat: no-repeat; background-image: url(https://domain.tld/wp-content/uploads/Caustic-handling.webp);background-attachment: fixed; background-position: center center; " data-section-bg-repeat="stretch" data-av_minimum_height_pc="50">

    • This topic was modified 4 years, 4 months ago by nik3sh. Reason: adding the code tags
Viewing 5 replies - 1 through 5 (of 5 total)
  • Plugin Author Gijo Varghese

    (@gijo)

    @nik3sh Flying Images wasn’t detecting images with webp extension. I’ve released the fix in v2.4.11

    Thread Starter nik3sh

    (@nik3sh)

    The image is being loaded in the background and your lazy loading is just hiding the image in the background property . IIs there a way to block the url from being loaded and then load when in viewport . This will help by a lot

    Plugin Author Gijo Varghese

    (@gijo)

    @nik3sh I didn’t get.

    hiding in the only way to prevent background images from fetching. We later append the image when it’s in the viewport

    Thread Starter nik3sh

    (@nik3sh)

    see this plugin https://www.ads-software.com/plugins/lazy-loading-responsive-images/

    The way it performs is stopping the image being loaded on initial run . Then when the image comes in viewport , the image starts to load . This helps the page to be faster . With your plugin the page is loading the image just hiding it . So actually it defeats the purpose of lazy load . Why hide when the image has completed loading .

    Plugin Author Gijo Varghese

    (@gijo)

    @nik3sh just like any other lazy loading plugins, Flying Images load image when they’re near to viewport.

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Lazy Loading not working for parallax image’ is closed to new replies.