Itthinx LazyLoader

Posted by kento on August 22, 2011 5:32 pm

Download

Purchase to download it and obtain a license.

Description

The Itthinx LazyLoader plugin provides a versatile lazy loading mechanism for content that may improve page load time and bandwidth usage. Use it on slow content, especially such where external data is loaded like widgets from Facebook, Twitter, AdSense, …

Advanced lazy loading integration

The Itthinx LazyLoader provides an advanced asynchronous loading mechanism for content and widgets. This plugin helps to optimize site speed by greatly improving page load time and bandwidth usage. Instead of deferred loading in the footer, it provides advanced options that allow to load any content only when needed. These include shortcodes that allow to lazy-load content anywhere on a page, the option to load content on sight and an automatic noscript feature that helps to provide alternative content for visitors that have disabled JavaScript. You can see a demo of the Itthinx LazyLoader here.

In action

To get a clear idea on how the loader affects loading a page, let’s take a look at the following video which shows the loader in action. You can try the demo yourself here.

 

 

So what?

Site Speed

It took 44,85 seconds for the complete page to load, but the onload event ocurred at just 2,92 seconds! Without Itthinx LazyLoader’s help, the onload event would have ocurred much later. Site speed is a very important factor in visitors’ experience surfing your site and search rankings. If you’re not sure why this is so important, read more about it in Using site speed in web search ranking, where Google announced “we’re including a new signal in our search ranking algorithms: site speed“.

Better visitor experience

Often ads and other external content slows down the way your main content is presented to your site’s visitors. To visit a site that just takes too long to show the main thing is simply frustrating and usually results in one-time visitors – they’ve had it and won’t come back. The Itthinx LazyLoader helps you to avoid this mistake by letting your main content be presented before slower content is shown.

Content on demand

The content handled by the loader can be presented on demand or always.
It handles more than just images, virtually any widget or content that is placed within itthinx-lazyloader shortcodes.

Automatic and coding free

The loader works automatically on virtually any content and is completely coding-free. You do not need to understand anything about JavaScript, jQuery or PHP to use it. Just paste the markup within itthinx-lazyloader shortcodes and it will be handled by the loader. The shortcodes admit several options that are used to control how the content is presented.

Documentation

Browser compatibility

Tested and working at least on these and other browsers:

  • Chrome
  • Firefox
  • Internet Explorer
  • Opera
  • Safari

Test environment details

Windows 7 : IE8, IE9, Opera 11.5, Chrome 13, FF 5.0, FF 6.0, FF7, FF8, FF9, FF10
Mac OS X : Safari 4, Safari 5

Linux (Debian Squeeze) : FF5, FF6, FF7, FF8, FF9, FF10, IceWeasel, Opera 11.10, Epiphany 2.30.6

Linux (Debian Lenny) : Iceweasel 3.0.6

Ubuntu : FF4

Android : Opera 11.1, Opera 11.5.3, Browser, FF6, FF7, FF8

About kento
Computer Science Engineer, IT & Business Consultant, Drupal, WordPress, Scenario Planning ...

16 comments

  • Hi,
    Just one question.
    As my site loading is really slow, I’ve just performed a test on Zoompf.
    Here is what it’s saying :

    Empty Response Body :
    - High impact
    - Easy to solve

    Issue Summary :
    This response contained no data. This usually indicates a broken or misconfigured web server or web application. If you really did not intend to return data to the client for this request (as is common for beacons for web analytics software) you should return a 204 HTTP status code instead.

    Affected URLs :
    http://www.oreille-malade.com/wp-content/plugins/lazy-widget-loader/css/lwl-widget-css.php

    Could you have a look ?

    Best Regards,
    Laurent

  • Hello,

    Many thanks for the great plugin concept. I’ve just donated but can’t seem to be able to get it to work. It is installed fine, I have set the following options:

    http://www.visicode.co.uk on the domain whitelist (my website domain)
    and i’ve selected the option for nested shortcodes. However, when I test the plugin by simply including the opening and closing shortcode tags, putting text or images in between; it simply shows this on the page!:

    [itthinx-shortdecode]IDxkaXYgc3R5bGU9IndpZHRoOjBweDtoZWlnaHQ6MHB4OyIgaWQ9Imxjc2l0dGhpbnhfbGxfMSI+PC9kaXY+IDxzY3JpcHQgaWQ9ImxjaXR0aGlueF9sbF8xIiB0eXBlPSJ0ZXh0L2phdmFzY3JpcHQiPiAoZnVuY3Rpb24oJCkgeyBsQ1JpdHRoaW54X2xsXzEgPSBmdW5jdGlvbigpIHsgJCgiI2xjaXR0aGlueF9sbF8xIikuYWZ0ZXIoIjxkaXYgaWQ9XCJpdHRoaW54X2xsXzFcIiA+IiArICJcbiIgKyAiZGRkZGQiICsgIlxuIiArICI8L2Rpdj4iKTsgJCh3aW5kb3cpLnRyaWdnZXIoIklYX2VYIiwiI2xjaXR0aGlueF9sbF8xIik7IH07IGl0dGhpbngubGF6eUxvYWRlci5hV0xFTChmdW5jdGlvbigpeyBpdHRoaW54LmxhenlMb2FkZXIubEMoJCgiI2xjc2l0dGhpbnhfbGxfMSIpLCBsQ1JpdHRoaW54X2xsXzEsICJpdHRoaW54X2xsXzEiLCAwKTsgfSk7IH0pKGpRdWVyeSk7IDwvc2NyaXB0PiA8bm9zY3JpcHQ+PGRpdiBpZD0iaXR0aGlueF9sbF8xIj4NCmRkZGRkDQo8L2Rpdj48L25vc2NyaXB0Pg==[/itthinx-shortdecode]

    Not got a clue what is going on, any chance you could help out :)
    Jordan

    • Thanks to Jordan’s nice cooperation it was easy to figure out what went wrong and now everything seems to work just fine. If anyone stumbles upon issues, please contact me and I’m happy to help.

  • Thanks for your supprt kento, I had the same problem as Laurent and you solved it! Kudos Sir. ^^

  • Duc

    Can I pay by another ways by credit card. I can’t use paypal :(

    • Yes you can also pay with your credit card. When you click the contribution button, the PayPal page will give you several options to pay, including credit card instead of using a PayPal account. You should see the option “Credit Card” under “Choose a way to pay”.

  • Duc

    I used your plugin but I see it only works on function the_content()
    My site have some image from custom field so it not work on that, it also not work on category page with post thumbnail
    How to do that?

  • Moogle Stiltzkin

    Hi,

    I’m using Itthinx LazyLoader 1.42

    but i noticed when i enable this plugin, my site load time worsens, not improves.

    I uses gtmetrix and webpagetest to do the testing to find this out. Also not only just that, even browsing i notice the increased lag.

    Honestly i’m not sure if it’s just the plugins fault, or the default settings for it isn’t ideal for my site. Any ideas ?

    • It seems you currently have it deactivated. This performance report shows several issues that are not related to (or could be resolved by) lazy loading but most probably are due to server performance and how the site is set up. There is a +10 second delay in getting a response from the server alone after the main page is redirected to the site’s root. I’d recommend to first solve the most important issues the site/server have and then fine-tune with lazy loading.

  • Moogle Stiltzkin

    fair enough :X

    any ideas who i can consult regarding the things you suggested ? i too was wondering what the heck that 10 seconds thing was about :/

    • There are lots of options, e.g. use a caching plugin … but one thing I noticed is you have this Quick Chat, I would test the site with it disabled.

Leave a comment

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

*


× 6 = twenty four