WebPagetest Forums
Much more speed with later loading images - Printable Version

+- WebPagetest Forums (https://www.webpagetest.org/forums)
+-- Forum: Web Performance (/forumdisplay.php?fid=3)
+--- Forum: Optimization Discussions (/forumdisplay.php?fid=5)
+--- Thread: Much more speed with later loading images (/showthread.php?tid=399)



Much more speed with later loading images - piratos - 10-11-2010 03:29 AM

In many cases pages contains images there are only visible if someone scroll the page.
That is the simple trick i used here - these images are only loading if there coming in the visible area.
See the results of the simple testpage:

http://www.webpagetest.org/result/101010_7EFM/

Original page is here:

http://powercms.org/as/index__2.html

In the results only 3 images are loading - 3 from 43 with a size of 720 x 326 px and total of 2,1 mb.

Pagespeed 100/100.

In the real world of internetshops with 80 ... 120 small or middle sized images on a page the pagespeed jumps immediately to a very high score.


RE: Much more speed with later loading images - pmeenan - 10-11-2010 08:09 AM

David Artz has a library that helps automate it: http://www.webpagetest.org/forums/showthread.php?tid=369

It isn't limited to images and lets you set buffer zones so it starts to load it when you get close. Not sure if he added it yet but I wanted to also force trigger the load off of a timer attached to onLoad.


RE: Much more speed with later loading images - wasimasif - 11-07-2010 04:28 PM

Nice results score. You should also set good expiry limit for images.