+- 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.