homepage Welcome to WebmasterWorld Guest from 54.237.98.229
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
warby12



 
Msg#: 4551557 posted 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

WebmasterWorld Senior Member 5+ Year Member



 
Msg#: 4551557 posted 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#: 4551557 posted 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#: 4551557 posted 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#: 4551557 posted 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