It is fairly common knowledge that people hate to wait for websites to download and view. It is even easy to find studies which state that you only have between 4 and 7 seconds to get someone interested in your site, which means you’ve got to be fast.

What isn’t known so much is how to properly speed up your site.

What we normally think about improving

Reducing file sizes:

  1. Converting Gifs to PNGs – because PNGs are almost always smaller
  2. Saving graphics for web
  3. Reducing JPG quality (but not too much…)
  4. Smaller web content size

Improving your server so there are fewer:

  1. …other sites on it.
  2. …file request.
  3. …simplify server based code
  4. Or increase the servers bandwidth capacity.

All of these work, but they can be limiting in that it can only go so far by itself.

Other ways to improve the performance

There are other ways to improve your sites performance. This is because, depending upon how you layout your pages’ code, you can spend more time getting the browser to display a page, than you do downloading it, or worse yet you can “block” the downloading of a page if your not careful.

What is even worse is that some web tools (like Dreamweaver) and CMSes (like WordPress) may help you do it wrong when they help you write your HTML code if you let them.

Non standard, but potentially easy things to fix:

  • Set a Far Future Cache – this lets the browser store the files, and not even ask to look for new files. Done on the server, but many people come to your site with no cached data – so this may have little effect, or a lot.
  • Make sure all CSS is linked in the head tag. You can put a style tag in the body, but DON’T.
  • Move JavaScript to the end of the page.
  • Don’t use Cookies if you can avoid it. If you have to, don’t set them domain wide if possible.
  • Pull images, CSS, etc from other domains (or sub-domains) to reduce “cookie poisoning”
  • Reduce DNS lookups; which runs counter to last suggestion.
  • Minify CSS and JS files – to help with Download time

Resources to look at:

  • http://stevesouders.com/cuzillion/
  • YSlow (http://developer.yahoo.com/yslow/)

Improving Web Performance was originally found on Access 2 Learn

Assistant Professor

Walter Wimberly is an Assistant Professor at a regional college in Tennessee, teaching Computer Science in the Software Engineering track. He works as a student advisor, oversees curriculum changes, develops new courses, and manages the advisory panel.
Walter taught full time for about 7 years, before going back into “industry” as a full stack Software Developer for a dozen years. There he focused on web based projects coding in JavaScript/jQuery and utilizing the Bootstrap CSS Framework on the front-end, and coding in PHP, ASP/ASP.Net, SQL on the back-end.

Since he loves teaching, he taught as an adjunct web and digital media classes for eight (8) years, while working in industry, and has since returned to teaching full time.

He has been married for over 25 years, and is father to several special needs boys. As such, he is working on some projects to help others who have special needs to be self-sufficient, and support the care givers of those with special needs. Check out his Autism blog for more info.

Similar Posts

Bootstrap Panels

ByWalter Wimberly

Panels are similar to Bootstrap alerts, but on steroids. Instead of a simple line or two of text, a panel will include a header section, as well as a body. This will give it a more prominent look that will allow it to stand out. You can have more than just a line of text….