homepage Welcome to WebmasterWorld Guest from
register, free tools, login, search, pro membership, help, library, announcements, recent posts, open posts,
Become a Pro Member
Home / Forums Index / Code, Content, and Presentation / HTML
Forum Library, Charter, Moderators: incrediBILL

HTML Forum

How do they do it?
large images

 12:24 am on Mar 6, 2013 (gmt 0)

Hi, Can anyone explain to me how they manage to load such large images so quickly? The file size in Pingdom says 1.4kb but the actual file is 140kb, then they seem to expand it.




 3:08 am on Mar 6, 2013 (gmt 0)

The actual size is 140kb and thereabouts. They aren't expanding it. They probably load the additional images in the background while you view the first one.


 3:36 am on Mar 6, 2013 (gmt 0)

Thanks, so I guess they stretch the image to match the screen size dynamically. Must be a fine line between compression and file size...


 5:02 am on Mar 6, 2013 (gmt 0)

Background images are 980px wide. Only the first one is loaded instantly, the rest gets injected through javascript. You can monitor the process yourself, just go to the webpage with chrome, hit inspect element and scroll to the bottom, there is a div with an id of "supersized", it contains ul with just one li, the rest of the li-s get injected through javasript after some time for rotation.

Don't rely on pingdom numbers, they are not accurate for pages with heavy javascripts.


 5:15 am on Mar 6, 2013 (gmt 0)

Thanks for that! nice tip with the Chrome too... you can see the images loading thanks :)

Global Options:
 top home search open messages active posts  

Home / Forums Index / Code, Content, and Presentation / HTML
rss feed

All trademarks and copyrights held by respective owners. Member comments are owned by the poster.
Home ¦ Free Tools ¦ Terms of Service ¦ Privacy Policy ¦ Report Problem ¦ About ¦ Library ¦ Newsletter
WebmasterWorld is a Developer Shed Community owned by Jim Boykin.
© Webmaster World 1996-2014 all rights reserved