Secrets of Website Performance

There are 6 basic strategies to improve your website performance.  I am going to name them in this post and describe them more thoroughly in my future materials. Of course, you cannot boost your website performance if you do only one thing. But if you succeed in at least 3 – your site’s visitors will definitely appreciate your effort!

Here are the strategies:

1. Objects size Minimization. Make sure your (X)HTML, CSS and JavaScript files occupy as little space as possible. Trim white spaces, remove line breaks and comments. Of course, you don’t need to do everything manually – there are a lot of free tools available on the Internet.  Don’t also forget to minimize the filesize of your JPEG/GIF/PNG images. A part of this strategy is GZIP compression.

2. Objects caching – this is a server-side technique. There are many ways to cache your files, we’ll discuss them later.

3. Objects merging – this is very easy. The HTTP requests you do, the less time it takes to load your page. Therefore – use CSS sprites, merge JavaScript and CSS files into one large files – this makes your pages really faster.

4. Simultaneous objects loading – as you probably know, your browser keep only 2 simultaneous connections to one host open. If you add an additional server to keep your images and other static files, you can win up to 30% boost.

5. CSS and JavaScript objects optimization. It can be a real pain to optimize JavaScript files written by someone else, but the result will be visible, especially if your site grows to 10.000 uniques per day and more.

Popularity: 16% [?]

The first step on your way to a very fast website is object size minimization. What files must be minified? What are the best minimization techniques? How object size minimization will affect your visitors’ experience? Read our Website Performance Guide Step 1 to find the answers to all your questions.

What files should you compress? Well, in fact the right answer is  – all the files. First, let’s start with text files. You must remove all the HTML & Javascript comments, line breaks, tabs. If you are going to do it manually, you are crazy – there are lots of automated tools that can do all the cleaning job.

You might have an objection – yes, it’s really painful to edit compressed in such a way files. The easiest and the most effective way is to keep 2 versions of every file, i.e. your local version of your site should be uncompressed, but before publishing it, you compress the files and only then upload to your FTP. Don’t forget to test the uploaded files after you’ve uploaded them – in some cases programs break JavaScript code and this may affect your website’s functionality. There are many tools to compress Javasctipt, CSS and HTML files, I’ll name here only a few:

• JSMin
• JavaScript::Minifier
• Dojo ShrinkSafe aka Rhino
• Dean Edwards Packer
• YUI Compressor

• CSSMin
• Minify
• YUI
• CSS Tidy
• CSS Minifier

After you’ve eliminated all unnecessary characters from your text files (usually you win 25-60%), your next steps are:

1. Compress your graphics

2. Enable GZIP compression

3. Use static compression (this will be discussed in my next post).

Popularity: 17% [?]