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.

 

1.5.2

1.5.2 beta version released, please click here to check.

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 its coming into browser view (just like the right example)
  • Negative: Image will be loaded after its 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


 

Kasonz.com is also using Advanced lazy load now.

Download

1.5.2 beta released, please download via button, new method to lazy load server side images.

Three new options added, choose img tag class to skip, URL to skip,  on/off mobile devices.

 

25 replies
« Older Comments
  1. Mate Solymosi
    Mate Solymosi says:

    Hi Kason,

    I found another bug; this time it’s with the regex you use to replace the image src attributes. Because the quantifiers are greedy by default, the regex breaks if the string “src” appears anywhere after an image tag. For example:

    becomes:

    The solution is to use the following regex:

    You can make it even more robust by matching on the string ” src=” instead of just “src”:

    Please take a look at this and update the plugin as necessary.

    Thanks!

    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 class="" title="" data-url=""> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> <pre class="" title="" data-url=""> <span class="" title="" data-url="">

Current ye@r *