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

HTML Forum

    
How do they do it?
large images
warby12




msg:4551559
 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.

[sofitel.com...]

 

drhowarddrfine




msg:4551584
 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.

warby12




msg:4551593
 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...

matrix_jan




msg:4551609
 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.

warby12




msg:4551613
 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