How to speed up my website ?

Discussion in 'HTML & Website Design' started by NYDAz, Apr 3, 2007.

  1. #1
    That's right ? How to speed up my website load time ? :eek:

    I heard something about load images from css, but I don't know how it's done !

    Waiting for your answers ! Thanks in advance :cool:
     
    NYDAz, Apr 3, 2007 IP
  2. Rasczak

    Rasczak Peon

    Messages:
    131
    Likes Received:
    4
    Best Answers:
    0
    Trophy Points:
    0
    #2
    long stories short:

    - maximize use of CSS, minimize use of bitmaps (menu nouseovers, etc.)
    - optimize images, use gifs where possible, they are smaller and nicer
    - remove excessive spaces and empty lines
    - save every single byte where possible - use short class names, links, etc.




     
    Rasczak, Apr 3, 2007 IP
  3. lucozade111

    lucozade111 Peon

    Messages:
    1,361
    Likes Received:
    47
    Best Answers:
    0
    Trophy Points:
    0
    #3
    It might be your hosting that is slowing it down.
     
    lucozade111, Apr 3, 2007 IP
  4. frankcow

    frankcow Well-Known Member

    Messages:
    4,859
    Likes Received:
    265
    Best Answers:
    0
    Trophy Points:
    180
    #4
    Also, a great method is to enable gzip compression. This speeds it up AND saves bandwidth
     
    frankcow, Apr 3, 2007 IP
  5. Skinny

    Skinny Peon

    Messages:
    1,864
    Likes Received:
    93
    Best Answers:
    0
    Trophy Points:
    0
    #5
    which site is it?

    Skinny
     
    Skinny, Apr 3, 2007 IP
  6. NYDAz

    NYDAz Peon

    Messages:
    685
    Likes Received:
    9
    Best Answers:
    0
    Trophy Points:
    0
    #6
    the site is in my signature !

    how to load images from css ???? I've found only images backgrounds in css !
     
    NYDAz, Apr 3, 2007 IP
  7. Clive

    Clive Web Developer

    Messages:
    4,507
    Likes Received:
    297
    Best Answers:
    0
    Trophy Points:
    250
    #7
    Optimize larger images for web use if you can. Referencing them inside CSS does not make a difference, they still need to load.

    Example:
    
    .className {
     background-image: url('path/to/image.gif');
    }
    
    Code (markup):
    Agreed, changing to a faster host (maybe one closer to your physical location) can be a solution, too.
     
    Clive, Apr 3, 2007 IP
  8. Paul8368

    Paul8368 Well-Known Member

    Messages:
    614
    Likes Received:
    13
    Best Answers:
    0
    Trophy Points:
    110
    #8
    Id look at your hostig and band width first if you already use CSS. I'm changing myself at the moment for the same reason if you are interested pm me and I'll give you the details.

    Which site in your sig did you mean?
     
    Paul8368, Apr 3, 2007 IP
  9. Clive

    Clive Web Developer

    Messages:
    4,507
    Likes Received:
    297
    Best Answers:
    0
    Trophy Points:
    250
    #9
    Did you bother checking? They all are links to the same site :rolleyes:
    plusdrugstore.com
     
    Clive, Apr 3, 2007 IP
  10. NYDAz

    NYDAz Peon

    Messages:
    685
    Likes Received:
    9
    Best Answers:
    0
    Trophy Points:
    0
    #10
    my images are gif and I think they are well optimized for the web ... if I will decrease the size the quality also will be decreasing

    Connection Rate Download Time
    14.4K 144.68 seconds
    28.8K 75.64 seconds
    33.6K 65.78 seconds
    56K 42.11 seconds
    ISDN 128K 17.47 seconds
    T1 1.44Mbps 7.54 seconds

    these are my statstics for a web page load check : what do you think of them ?
     
    NYDAz, Apr 3, 2007 IP
  11. pixel_dust

    pixel_dust Peon

    Messages:
    151
    Likes Received:
    9
    Best Answers:
    0
    Trophy Points:
    0
    #11
    you can optimize images without total loss of quality - it's absolutely do-able
    also if you have any huge images they should be sliced and optimized into smaller chunks

    eta: that download time IS way too much - I would say you need to aim for under 10 second loading time at 28.8
    web user stats show that 10 seconds is the MAXIMUM most users will wait for a page to download

    also, you have many images on your site that should be gifs instead of jpegs which I'm sure is taking up ridiculous amounts of space
    if you optimize properly you should be able to get that download time waaaaay down

    vanessa.
     
    pixel_dust, Apr 3, 2007 IP
  12. aquasonic

    aquasonic Well-Known Member

    Messages:
    90
    Likes Received:
    5
    Best Answers:
    0
    Trophy Points:
    115
    #12
    I heard this somewhere... and I may get shot down!

    The more files you have in your root directory - the slower the website runs, I may be wrong... but when I heard it, it did prompt me to clean up my directories... which in turn is handy anyway because I can find things a whole lot easier than before.
     
    aquasonic, Apr 3, 2007 IP
  13. RRWH

    RRWH Active Member

    Messages:
    821
    Likes Received:
    49
    Best Answers:
    0
    Trophy Points:
    70
    #13
    you need to get the times WAY down! I clicked on the first link in your sig and on my 10Meg cable it took like 45seconds. Your host may be a bit on the slow side as well.

    If I go to any site it needs to load in under 3 seconds or I don't bother....

    A speed check on your site reveals a couple of things - the site as-is can be optomised - and the images are only 1 area - 33 images make up the page. The html that makes up your page is massive! I always aim for pages under 6K in size and yours is like 50K.

    You could eliminate heaps of the html by coding it as css with divs and getting rid of the tables.
     
    RRWH, Apr 3, 2007 IP
  14. simice

    simice Guest

    Messages:
    80
    Likes Received:
    2
    Best Answers:
    0
    Trophy Points:
    0
    #14
    Using the firefox 'web developer' plugin, most of your loading time is connected with loading your webdata.js script. Your images are not too large, so will not really affect the speed of your page loading compared to your javescript file. Perhaps you could use a different script to webdata.js? See below for the a summary of the output.

    Documents (1 file) 57 kb
    Images (30 files) 102 kb
    Objects (0 files)
    Scripts (2 files) 2556 kb
    --> webdata.js 2542 kb :eek:
    Style Sheets (1 file) 177 bytes
    Total 2716 kb

    I hope this helps!
     
    simice, Apr 4, 2007 IP