Show Thread Enhancements - lazy load, load your page faster & save bandwidth

this mod is using jquery lazy load by Mika Tuupola. you can see demo at his site here

Lazy Load will delay the loading of images outside of viewpoint to make the page load faster. That is, images in the visible part of the web page are only loaded and remaining images are loaded when visitor scrolls down the page, at some times it can even helps to save bandwidth.

in template headinclude, add this code at the bottom

  
<vb:if condition="THIS_SCRIPT == 'showthread'">
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.0/jquery.min.js" type="text/javascript" charset="utf-8"></script>  
<script type="text/javascript" src="{vb:raw vboptions.bburl}/clientscript/jquery.lazyload.mini.js"></script>
  <script type="text/javascript" charset="utf-8">
      $(function() {
          $(".postbody img").lazyload({placeholder : "{vb:raw vboptions.bburl}/clear.gif", effect: "fadeIn"});
      });
  </script>
</vb:if>

copy jquery.lazyload.mini.js to your <vb root>/clientscript/ folder


done!!!

pls click install if you like this modification


Thanks to OldSchoolDSL for this suggestion

[RichieBoy67]

I am using 1.5.2... just add it at the end of the jquery url. I have had this installed for some time but I really am not sure if it is doing anything.

[ozzy47]

Have you tried testing your site with web page test or pingdom with the mod running and not running?

[ForceHSS]

Does this work for 4.2.1

[ozzy47]

Looking at the code, I don't see why it would not work in 4.2.1, test it and see if you get a better pagespeed.

[Justinphx]

The jquery in the script gives a 3x error when looking at the tree on Google Page Speed. Would be interesting to see how this works if a updated jquery is available.

[RichieBoy67]

Originally Posted by ozzy47

Have you tried testing your site with web page test or pingdom with the mod running and not running?

It did not really show on the speed tests but it does appear to load the images faster. I did not say anything about it to one of my moderators and he mentioned that images were loading very quickly. I did not get any errors. Really though there was a ton of traffic on my site so it is impossible to get an accurate speed test with carrying conditions on a live server. Even if it does work we are talking about a second or less of improvement most likely.

I was planning on using the Google service but my site is set up with a bare domain due to my ssl license and redirecting www to my bare domain will mess things up. The Google service works really well but I just cannot believe they do not support bare domains.

[RichieBoy67]

Originally Posted by OldSchoolDSL

Installed, although as the original author stated on his site...

http://www.appelsiini.net/projects/lazyload/

He does not believe this will completely work with more modern browser.

Also I would recommended the following....

1) Change the JQuery version number from:

PHP Code:

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript" charset="utf-8"></script> 


To 1.5.0 for a faster load time and improved browser support.

PHP Code:

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.0/jquery.min.js" type="text/javascript" charset="utf-8"></script> 


2) If your community already does load JQuery.... There is no reason to load it more then 1x. So you can be safe to edit it out (remove) JQuery in the authors code.

I am using 1.5.2 and it seems to work fine with no reports of any errors.

[justunboxing]

Really nice plugin. Already installed and it's loading the forum faster with no doubt. Thank you!

[Arrogant-One]

Originally Posted by ForceHSS

Does this work for 4.2.1

I have 4.1.12 and it is working fantastic!

[ForceHSS]

Originally Posted by Arrogant-One

I have 4.1.12 and it is working fantastic!

You do know that is not the same version as mine its so old