Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS As a front end person, what steps can I take to improve the speed at which the site loads?

  • This topic is empty.
Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • #43754
    Krish1980
    Participant

    I’ve worked on a site that’s almost nearing completion (even the backend work) – it’s a dynamic site. Now, unfortunately, when I started off, I wasn’t really aware of how disastrous a table or inline styling is, and thus ended up using some tables and a lot of inline styling (wish I had discovered CSS tricks earlier)- restructuring that is out of the question since the programming bit has already been done. (but I suppose will be done if it **has to be done**, the only trouble being, the site has to go live asap.)

    Will clearing the white spaces in the html and Css help in reducing the load time? (For readability, the programmer has left huge gaps in the html, sometimes even 10 empty lines between two lines of code).

    The scrollers and carousels that have been used have dynamic content, and thus the images that appear even as thumbnails are really compressed versions of the same large images(that have been used elsewhere , using .divclass img{width:xxx px;}). Does this add to the load time?(the admin has been built in such a way that the user only has to upload ‘one’ large image for a product and the same image is resized in all areas.)

    Also, **while** the site loads, any link that is clicked directs the user to the home page (I’m not sure if this is because of the large load time or a programming glitch).

    What about reducing JS file sizes? Does that help?

    Any input would be great.

    #130103
    Chris Coyier
    Keymaster

    A little whitespace isn’t a big deal, although the less the better of course. HTML and CSS should be served gzipped so that stuff is negligible.

    This video covers your biggest easy wins as a front end person:
    http://wordpress.tv/2012/08/26/chris-coyier-10-things-to-make-your-site-faster/

    #130113
    Kitty Giraudel
    Participant
Viewing 3 posts - 1 through 3 (of 3 total)
  • The forum ‘CSS’ is closed to new topics and replies.