How Can I Make My Site Go Faster From A Design Point Of View

Discussion in 'HTML & Website Design' started by Matt Jo, Apr 10, 2011.

  1. #1
    I've been told my site http://wegotthiscovered.com loads too slow. From a design point of view, do you guys see any way that I can clean up my code or do anything to make it go quicker?
     
    Matt Jo, Apr 10, 2011 IP
  2. millerkil

    millerkil Member

    Messages:
    30
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    41
    #2
    combine multiple css files and js files into as little files as possible(to get rid of the extra overhead for requests). Consider cleaning up your css, according to chrome 86% of the rules aren't even used on the first page. Use to Gzip, that really cuts down on size. use http://www.smushit.com to cut down image size(does not reduce quality). For all those small icons, put them on one sprite sheet, than access each one via CSS. Also take advantage of caching, so images, css and js files don't have to be downloaded over and over again. Clean all that up and will see great results.
     
    millerkil, Apr 10, 2011 IP
  3. Matt Jo

    Matt Jo Member

    Messages:
    155
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    26
    #3
    I'm not good with CSS at all. If I sent you my CSS could you help me out?
     
    Matt Jo, Apr 10, 2011 IP
  4. chiragagarwal

    chiragagarwal Peon

    Messages:
    56
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    0
    #4
    I suggest you the lower the quality of images on your website.
    This will reduce the page loading time to very big extent and won't make much difference with the design.. Just negligible..
     
    chiragagarwal, Apr 10, 2011 IP
  5. style0

    style0 Peon

    Messages:
    108
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    0
    #5
    use css sprites for backgrounds, meaning combining mutliple images into one and just showing different parts of this image for different elements using background-position will help a lot. css sprites can be used not only for icon librarys, but for most any typa of graphic you can load via css. All types of backgrounds, logos, you name it. And I also agree with the above about most their points, naturally use gzip compression, and you might benefit from using a php cache plugin such as Xcache or APC, lower image quality and make sure you use appropriate file types to optimize image quality VS weight.
     
    style0, Apr 10, 2011 IP
  6. Mwah

    Mwah Peon

    Messages:
    52
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #6
    nice. nearly perfect. simple but cool.
     
    Mwah, Apr 11, 2011 IP
  7. yuvasweb

    yuvasweb Peon

    Messages:
    78
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #7
    A good CSS website, web optimized images and good layout would be required.
     
    yuvasweb, Apr 13, 2011 IP