Register

If this is your first visit, please click the Sign Up now button to begin the process of creating your account so you can begin posting on our forums! The Sign Up process will only take up about a minute of two of your time.

Results 1 to 7 of 7
  1. #1
    jj1
    jj1 is offline
    Senior Member
    Join Date
    Oct 2008
    Posts
    319
    Member #
    17546
    For website loading time, is it better to have 1 big image or break the larger image up into several smaller ones?

  2.  

  3. #2
    Junior Member brandontran's Avatar
    Join Date
    Jul 2009
    Location
    Asheville, NC
    Posts
    21
    Member #
    19539
    Quote Originally Posted by jj1
    For website loading time, is it better to have 1 big image or break the larger image up into several smaller ones?
    If you are talking about a large photo, I would leave that whole.

    If you split up a 4k image into four 256 byte images thinking that you will cut page load time by a quarter. However this is counter productive, and in almost all cases the 4k image would load faster do to request overhead. If your image is reasonable in size, I think that one large file will load much faster than several small ones.

    How big is big? If you are talking about something over 1MB you could split that up. But if it's just a 200k header, I have loaded that in one image with plenty fast results. Hope that helps.
    Brandon Tran - Asheville Web Design

  4. #3
    Senior Member filburt1's Avatar
    Join Date
    Jul 2002
    Location
    Maryland, US
    Posts
    11,774
    Member #
    3
    Liked
    21 times
    One large. Every additional image on a page means one more HTTP request.
    filburt1, Web Design Forums.net founder
    Site of the Month contest: submit your site or vote for the winner!

  5. #4
    jj1
    jj1 is offline
    Senior Member
    Join Date
    Oct 2008
    Posts
    319
    Member #
    17546
    Many thanks Brandontran and Filbert1 - I will change the way I do things. I had thought that - for example, three 25k images would load quicker than one 100k image - but have come across things recently that support your view:
    Every additional image on a page means one more HTTP request

  6. #5
    Member Rad_Dev's Avatar
    Join Date
    Mar 2009
    Posts
    31
    Member #
    18496
    Whether its three 25k images or one 75k image, you still need to load the same amount.
    Quote Originally Posted by filburt1
    One large. Every additional image on a page means one more HTTP request.
    Good advise!
    My software never has bugs... It just has random features.
    Professional Website Design | Web Site Hosting
    The Green Speak Network | Live Green Forum

  7. #6
    Senior Member
    Join Date
    Dec 2008
    Posts
    483
    Member #
    17875
    Liked
    1 times
    If its a photograph, save in a progressive format. This enables the photograph to load in layers instead of l ine by line. Low quality layer 1 then medium quality layer 2, then high quality layer 3.

    Whether its three 25k images or one 75k image, you still need to load the same amount.
    This might not be true, not to sure on how webservers handle image requests, but i believe this is 3 seperate requests.
    the overhead is probably minimal though

    Example : im downloading from an ftp. 75k image = 1 connection, 1 download
    If i do this in 3 connections, 25k img, 25k img, 25k image, those extra 2 connections have added overhead.

    why exactly are you concerned with loading time? Optimize your images, drop the quality on ones that can offered to have it dropped. Drop the size on others (example: thumbnails...instead of scaling, make a seperate thumbnail image)

  8. #7
    Senior Member filburt1's Avatar
    Join Date
    Jul 2002
    Location
    Maryland, US
    Posts
    11,774
    Member #
    3
    Liked
    21 times
    The bandwidth overhead is minimal (usually) with multiple requests, but most browsers will only allow two simultaneous HTTP connections. That means it'll sit there waiting a lot for content to load.

    http://developer.yahoo.com/performan....html#num_http
    filburt1, Web Design Forums.net founder
    Site of the Month contest: submit your site or vote for the winner!


Remove Ads

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
All times are GMT -6. The time now is 01:21 PM.
Powered by vBulletin® Version 4.2.3
Copyright © 2019 vBulletin Solutions, Inc. All rights reserved.
vBulletin Skin By: PurevB.com