Printer Friendly Version Print this thread
Email this thread to a friend eMail this thread to a friend
  • $1+ per day! Money making Web directory for sale! (In: I Want to Sell My Website)
  • For Sale - Child Gift Web Site (In: I Want to Sell My Website)
  • web design service in Seattle (In: Graphic Design - Basic HTML, CSS & Usability)
  • How i can get Page Rank? (In: Google)
  • Using Robots.txt on Your Web Site (In: General Search Engine Optimization)
  • Featured Web Site Template

    Hundreds More at Free Site Templates.com!

    Web Site Partners
    Sponsored Links
    Jet City Software
     
    Whos Here ?
    Reflects user activity within the last 5 minutes
    Moderator(s): Prowler, jcokos
    Member Message

    puntyup
    Joined: Mar 23, 2005
    # Posts: 21

    View the profile for puntyup Send puntyup a private message

    Posted: 2005-Apr-01 07:53
    Edit Message Delete Message Reply to this message

    I know that smaller is better, but does anyone have some
    general guidelines on how large a web page should be to download fast

    Anyone know of a website that has statistics on how long an average user will wait before clicking away.

    I would guess there are still a good number of people using dial up.

    how about photos any guidelines for max size in K bytes? It seems like noone uses progressive gifs anymore why is that?

    Anyone have any tips or tricks they would like to share in this regard?

    Thanks



    lizardz
    Joined: Nov 12, 2004
    # Posts: 1394

    View the profile for lizardz Send lizardz a private message

    Posted: 2005-Apr-01 08:06
    Edit Message Delete Message Reply to this message

    Smaller is better, use external CSS library files that will be cached by the browser.

    Optimize all jpg's to the very lowest quality where it still looks ok, I've found that's around 60-65 on photoshop's jpg quality scale. There is almost no difference to the eye between a jpg of 65 and 75 quality, but there's a very large difference in file size. Progressive jpgs aren't used because they are bigger, and look weird while they load.

    Minus the content, I'd say around 5 kB of HTML, including the navs, is a decent target. For pages with complex layouts, like this forum page, a bit more, maybe 7-10 at the most, that's just the HTML of course.

    Using CSS and some other tricks, I took a page that took over 60 seconds to load on dialup and got it down to about 7-8 seconds for first page load, that's with the CSS, that's for the HTML to display, then whatever images are included load after, but the page is useable quite quickly. After the css loads, a few seconds per new page is good, I shoot for 1-2 over dialup, not including extra images.



    g1smd
    Staff
    Joined: Jul 28, 2002
    # Posts: 10418

    View the profile for g1smd Send g1smd a private message

    Posted: 2005-Apr-01 10:02
    Edit Message Delete Message Reply to this message

    Yes, something around those figures would be good. Use external CSS and JS files. Optimise images.

    Visitors often wait only 2 or 3 seconds before moving on.



    puntyup
    Joined: Mar 23, 2005
    # Posts: 21

    View the profile for puntyup Send puntyup a private message

    Posted: 2005-Apr-01 15:32
    Edit Message Delete Message Reply to this message

    thanks for the tips, we have some photos that we would like to display kind of big, I will have to see what they look like as a 65% quality jpeg



    g1smd
    Staff
    Joined: Jul 28, 2002
    # Posts: 10418

    View the profile for g1smd Send g1smd a private message

    Posted: 2005-Apr-01 20:36
    Edit Message Delete Message Reply to this message

    For that sort of site, you could easily supply very small sized low-resolution thumbnails that once clicked will then display at full size with full resolution.



    lizardz
    Joined: Nov 12, 2004
    # Posts: 1394

    View the profile for lizardz Send lizardz a private message

    Posted: 2005-Apr-01 22:14
    Edit Message Delete Message Reply to this message

    One thing to do to avoid the layout squirming around as images load is to always explicitly tell the browser what size the image that's coming is, that allows the browser to make the layout correctly, a lot of sites don't do this, and the page moves around as each image loads.

    You can size images either directly in the img tag, or through css ids and classes.



    g1smd
    Staff
    Joined: Jul 28, 2002
    # Posts: 10418

    View the profile for g1smd Send g1smd a private message

    Posted: 2005-Apr-02 00:27
    Edit Message Delete Message Reply to this message

    Good point!



    puntyup
    Joined: Mar 23, 2005
    # Posts: 21

    View the profile for puntyup Send puntyup a private message

    Posted: 2005-Apr-02 00:29
    Edit Message Delete Message Reply to this message

    g1smd,

    Yes I thought of that, but its not really a photo site per se, just product shots.


    Lizardz,

    thanks that's a good tip, I always wondered about all the sites that constantly have to readjust themselves as they load.


    You are not permitted to post messages in this forum or topic, because of one or more of the following reasons:
    1. You have not yet logged in, or registered properly as a member
    2. You are a member, but no longer have posting rights.
    3. This is a private forum, for which you do not have permissions.

    If you are a recent member, it's possible that you simply have not yet confirmed your account. Please check your email for a message entitled 'JimWorld Forums: Confirm Your Account' and follow the instructions contained within.

    If you cannot find this message, click here to Re-Send it.

    If you are still experiencing problem, please read the Login Assistance Article for some advice on what may be causing your login not to work properly.

    Switch to Advanced Editor and ... Create a New Topic or Reply to this Thread

    New posts Forum is locked
    © 1995  ·  iWeb, Inc  ·  DBA JimWorld Productions