Delay Loading of Images (In Long Pages)

Posted on

  • email
  • twitter
  • facebook
  • share this

share this

If you're a reader of Website Magazine's Design & Development Digest you are well aware of our affinity (actually it's nearing an obsession) with jQuery. Many of the plugins bring so much value to the Web experience that it's nearly criminal to not metnion those that really stand out when you come across them. Case in point - Lazy Load - a jQuery plugin developed by Mika Tuupola that delays the loading of images in long web pages.

If you've got a long web page with a lot of images then you're going to be impressed with Lazy Load. The plugin forces images outside of the viewport (the visible part of a web page) to not load until the user scrolls to them. The result is that pages load much faster.

Designers can set the threshold on how close to the edge an image should come before it is loaded. You can also set a placeholder image and a custom event to trigger loading. There's a lot more that goes along with it but those are the highlights. Enjoy and let us know what you think!


Stay up to date on the latest Internet trends:
Request a professional subscription to Website Magazine,
the most popular print publication on Web success.

Login To Comment

Become a Member

Not already a part of our community? Sign up to participate in the discussion. It's free and quick.

Sign Up


Medical Tourism 10-23-2009 12:02 PM

I love the name - but I also love the concept - so many sites that needs this feature - now that broadband is so ubiquitous, it's easy to forget that there are quite a few rural people that can only access the Internet with dial-up. it would be interesting to look at an image heavy website's analytics data and see if the bounce rate decreases after implementing Lazy Load.

PesiU 10-23-2009 3:09 PM

While I just Hate extra long pages (they do nothing for most sites) I must admit this plugin would really help when one is forced into creating that long page...

Add to the discussion!

999 E Touhy Ave
Des Plaines, IL 60018

Toll Free: 1.800.817.1518
International: 1.773.628.2779
Fax: 1.773.272.0920