Advanced Lazy Load

WordPress plugin – Advanced lazy load is aiming to speed up your website which powered by WordPress. It delays loading of images in (long) web pages. Images outside of viewport (visible part of web page) wont be loaded before user scrolls to them.

 

Purpose

Activated the plugin, while end user is opening website, will load the text first, and the then load images in your website, in this case will help reduce the loading time, the image is still in your website, just load it later and base on user screen scrolling by jQuery script, scrolling down, more image will be loaded, no need to call back any external server.

Installation

To install Advanced Lazy Load, you can use WordPress search function or upload zip file to do this.

To Activate this plugin, you reach it from Setting 

 

Usage

There are two options provided in Plugin Setting area now:

Pixel and Fading in duration

Pixel . The distance between image and bottom of browser.
The number of pixel can be positive or negative.

  • Positive: Image will show up before it`s coming into browser view (just like the right example)
  • Negative: Image will be loaded after it`s coming into browser view.

 

 

Fading in duration. From following instance you can easily understand how it works. How much time it will take from opacity 0 ->100 (this option is mainly for better user experience, to avoid popup)

Demos and download

 

 

 

 

Kasonz.com is also using Advanced lazy load now.

You can download the plugin from WordPress official website.

10 replies
  1. Loc_rabbirt
    Loc_rabbirt says:

    Hi Kason,

    I was activated adv lazy load plugin but Maybe seem its not work in my website. I view your source in website and I found a line code:

    +

    But my website not apply look like your website, it only link to thumbnails not include src of lazy load share.gif

    Can you help me?

    Reply
    • Kason
      Kason says:

      Hi Loc_rabbirt,

      I looked into your website, it works from my side.

      Which browser you are using?

      Regards,
      Kason

      Reply
  2. Enrico
    Enrico says:

    Hello, thanks for this plugin, it works like a charm for my website.

    I was wondering if in a next version you could add the ability to exclude some specific IMG tags from being lazy-loaded, for example adding a “no-lazy” class name in the IMG class attribute. Would it be possible? Thanks again for the good work!

    Reply
      • Andrea
        Andrea says:

        Hi Kason,

        Thanks so much for this plug in.
        I tried to use lazy load js with WP, I could make it work just on hard coded images.
        So this plug saved me for all the post image.

        But it would be so nice to have a class for deactivate this js. There is any (quick) way to exclude this action? I got some share icons that are loading lazily but, i don’t want to!

        Thank you.

        Andrea

        Reply
        • Kason
          Kason says:

          Hi Andrea,

          This function is developing now, I hope to add criteria to skip specific pages or classes.

          Best regards
          Kason

          Reply
  3. Paul
    Paul says:

    Kason-
    I like this plugin it works well for me. I tried a few others and found them to be complicated. Thanks. I do have one question though… Is there a way to lazy load text as well? For instance, if I have a page that has 200 listings and each listing has a thumbnail logo and a blurb of text, can the text that appears alongside the thumbnail image lazy load as well? If so, how can this be done? The only example I can think of is what you see here on Crunchbase (http://www.crunchbase.com/search?show_results=1&homepage_search_input=tech)… see how when you scroll down the page it “lazy loads” the content (image and text together). Thanks!

    Reply
  4. Mate Solymosi
    Mate Solymosi says:

    Hi Kason,

    I recently discovered an incompatibility between Advanced lazy load and the WordPress SEO plugin with its “force rewrite titles” option enabled. The problem can be traced back to the way you handle output buffering in your code: your ob_start does not have a corresponding ob_end_* call.

    I recommend updating the plugin to use the following code, or something similar:
    https://gist.github.com/solymosi/a57c5411a4fdb888b683

    Regards,
    Máté

    Reply

Trackbacks & Pingbacks

  1. […] than a few seconds to fully load the page because the images have to be loaded. This plugin called Advanced Lazy Load is the fix for this […]

Leave a Reply

Want to join the discussion?
Feel free to contribute!

Leave a Reply

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Current ye@r *