WordPress.org

Forums

BJ Lazy Load
Have to scroll viewport past images to trigger load (4 posts)

  1. tkyoung1
    Member
    Posted 2 years ago #

    Hi,
    Great plugin, though I am not sure if I have implemented correctly on my site.

    Example page is: http://www.wildroad.com.au/photography/kimberley-storm-season/

    The first 4-5 images seem to load correctly when scrolling the viewport down. However I've noticed when you get further down, images don't load when the viewport goes over them, and you have to scroll past them instead. It seems to get worse the longer the page.

    Appreciate your thoughts.

    http://wordpress.org/extend/plugins/bj-lazy-load/

  2. Bjørn Johansen
    Member
    Plugin Author

    Posted 2 years ago #

    Hi, tkyoung1

    I just tested your site, and it seemed to work just fine to me, so I'm not sure why you are experiencing this issue.

    However, I do have a theory. Your site seemed to load very slow, and the DOMready event triggered after like 7 seconds. The lazy loading script must wait for the DOMready event to make sure that all images will be loaded. If the user scrolls past the placeholders before the event is triggered, the images won't be loaded until the user scrolls back.

    I haven't analyzed your site in detail, but the long time to load the DOM is most likely caused by loading external javascript blocking the further loading. See if this is the case, and fix it by loading them asynchronously so you don't block the parsing of the document.

  3. tkyoung1
    Member
    Posted 2 years ago #

    Hi,
    Thanks for your reply

    I think it may have been something with the theme (woothemes canvas). When I switched back to twentytwelve, it worked fine.

    Unfortunately I just couldn't get my site to work with your plugin. I ended up changing to http://wordpress.org/extend/plugins/jquery-image-lazy-loading/ which is now working.

  4. Bjørn Johansen
    Member
    Plugin Author

    Posted 2 years ago #

    I'm sorry but, that plugin doesn't work. It's not an issue with that plugin but the whole technique.

    You see, that plugin (and all other JS-only plugins), replaces the original images with a placeholder using Javascript. But as the browser start loading images as soon as they encounter the <img>-tag, this is allready too late. Thus you end up first loading the original image, then loading and replacing with a placeholder and then replacing the placeholder again with the original. In total, this actually hurts your performance and it is better to not use it at all.

    If my plugin isn't working, I'd reccomend you try http://wordpress.org/extend/plugins/lazy-load/ instead. If that isn't working either, you're better off without lazy loading(or switching to a compatible theme.

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic

Tags

No tags yet.