HTML Help Central . com

» Online Users: 107

0 members and 107 guests
No Members online
Most users ever online was 695, 02-16-2011 at 07:01 AM.

» Site Navigation

 > FAQ

» Domains For Sale

Results 1 to 5 of 5
  1. #1
    Join Date
    Dec 2010

    Image Loading Slow

    I'm confused. When I load my site the graphics "banner unfolds" slowly down the page. It's "only" about 70kb and I can't shrink it anymore (used PNGOUT on it etc).

    But when I look at other sites e.g. the Dorothy Perkins site their "huge" photographs, a page of nothing but photographs loads up almost instantaneously.

    (this is loading both the sites for the first time, after deleting the cache etc)

    How does DP get this speed of loading??

    Can anyone help me understand what's going on here?

  2. #2
    Join Date
    Mar 2005

  3. #3
    Join Date
    Dec 2010
    Quote Originally Posted by samliew View Post
    jpg images seem to load 60% faster.
    Thanks Sam. After reading the blog you recommended I did some tests with Irfanview.

    The original was created as an SVG. Going along with what appears, even in that blog's comments, to be the "conventional wisdom" (photos vs block colour as the way to choose format) I chose PNG because the most critical element in the image is sharpness around text etc. But you prompted me to do the research and this is the result:

    Googling explanations of the Save-As options (PNG - JPG) in Irfanview, I deselected all the data options and was then left with 3 variables: the save quality percent; and two options: Save as progressive; and Disable colour subsampling. I found the results surprising.

    Saving the PNG as a JPG at 100% generated an INCREASE in filesize over the PNG file of almost 50%.
    Reducing the quality to 80% reduced the filesize by about 60%.
    Reducing quality to 60% reduced the filesize by about 70%.

    What also surprised me was that even at 60% quality the reduction in visible quality was effectively undetectable at the intended resolution.

    Saving as a Progressive JPG gave a REDUCTION, but only of about 5%.
    However, DESELECTING the Disabling of colour subsampling (an irritatingly confusing double-negative of an option this one!) REDUCED the filesize by about 25%.

    In summary:

    80% progressive JPG with colour subsampling (i.e. UNchecking the option!) gives a reduction of about 70%
    60% progressive JPG with colour subsampling gives a reduction of about 75%

    So, the final surpise was that it is hardly worth dropping to 60%.

    I've got a screenshot of the tabulated data but find I'm not allowed to attach it

    The less I guess is to always do proper research!

    But isn't there more than this re: the DP site??
    Last edited by talvi; 12-12-2010 at 07:14 AM.

  4. #4
    Join Date
    Mar 2005
    If you want crispness, try using GIFs? (and reduce number of colours used)

  5. #5
    Join Date
    Mar 2005
    Also try image preloading. Paste this script block in the <head> of your document.
    HTML Code:
    <script type="text/javascript">
    var banner = new Image();
    banner.src = "";

Similar Threads

  1. flash slideshow loading too slow
    By lrphotowebmaste in forum HTML / XHTML / XML
    Replies: 1
    Last Post: 10-06-2007, 11:18 PM
    By Fotographa in forum HTML / XHTML / XML
    Replies: 2
    Last Post: 06-06-2006, 12:04 AM
  3. Image loading problem
    By TonePoly in forum Javascript / AJAX / VBScript
    Replies: 1
    Last Post: 12-05-2003, 05:39 PM
  4. loading image
    By serafina in forum Flash / Multimedia
    Replies: 1
    Last Post: 08-09-2002, 10:12 AM
  5. Order Of Image Loading
    By mushie in forum Graphic Design
    Replies: 3
    Last Post: 05-05-2002, 09:08 PM

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
Powered by vBadvanced CMPS v4.1.1