Did you know that your css code could be slowing down your website? Did you also know that there is a free solution out there that can help you optimize or reformat your css code for speed and readability? This article is going to explain the benefits of optimizing your css code and the reasons why all web designers should be doing it. First we need to take into account the 2 reasons why you would want to reformat your css: readability and optimization.

Readability

Having nicely formatted css that easily readable is very helpful when you are developing a site. Most of us (me included) can get pretty sloppy when in a hurry to develop code, and a formatter can really help out to make it more readable.

On development teams where both Macs and PCs are used, sometimes line breaks are not read correctly across platforms and your css can end up all on one line. A formatter can help get your code looking pretty again.

Optimization

The opposite of readability is optimization. One problem with CSS is that it can get pretty file-size heavy when designing with it - especially on complex layouts. Optimizing your CSS will strip out all unnecessary characters and leave your CSS lean and mean.

Optimizing css is great to do once you've finished your site and don't plan to work on the design very much anymore.

The css formatter is a great tool because it can do both! You can format for readability while you are designing, optimize when you go live, and reformat it for readability if you ever need to work on it again. It's really a 'win win' thing to do.

Page titles

To help obtain high page rankings with search engines, the contents of your page title are one of the most important things that need to be dealt with. The page title is the first amount of information provided to a search engine describing the contents of the page. You should also be aware that the page title provides information about the contents not only to search engines, but to visitors as well. The page title will show up at the top of the browser window. Your page title should include your keywords and should be no longer than 60 characters long. If it is too long, your visitor will only see the first part. An easy way to figure out the length of a page title is to type it into a word processor that contains a word count feature. Since your page title needs to be a certain length, it is important to make the best use of the space, and although some words that are not key, will use up that valuable space, the title itself still needs to make sense. A keyword in your title can be repeated, but having the same words more than two times is not recommended. Compare your page title to others and see what makes their content look appealing enough to catch a potential visitor's eyes. Your page title needs to stand out between the other nine titles on the search engine results page. As you design your site, remember the fact that visitors may be directed to somewhere other than the homepage because the search engine believes it is the best match for a keyword. With this in mind, all pages of your website should be considered unique and have their own title.

Meta tags

For your site to be effective, you need to develop Meta tags. These tags are a site description and a keyword list. It is important to note that not all search engines use these Meta tags. Starting with your home page, you will need to insert two Meta tags. The first is a Meta description sentence and the second is a Meta keyword list. The information you put here is for search engines to use when they review your site. This review process is known as crawling and is done with a program called a spider or robot. The description tag serves two purposes. The spiders search it for keywords and it is also displayed to a surfer as they view search engine results. The information obtained by the spiders is kept in a database that is used when a person types in a query to a search engine. When you create your Meta keyword list, order them from the most relevant to the least. The first part of your list should contain the keywords that best describe your site and are unique enough that when someone does a search, there is not a large amount of competition to go up against. Make sure that all the keywords used in the description tags are again listed. The words at the end of your list are known as wildcards and include synonyms and words that could have been spelled wrong when someone was doing a search. During your Meta tag creation process, do not be afraid to go to other people's websites and see what they have used. Type in the same words you would like to include in your lists and see what the search engines display. This is a very good way to help determine your competition.

How's your website, then?

I'm not asking whether it's a good site or not, but what its performance is like. Is it slow to load? Does it have problems with certain web browsers? Occasionally you'll find that code working perfectly on, say Internet Explorer, doesn't work with Firefox. And vice-versa. Any coding problems?

How should I know? Who... who cares? I hear you ask.

Because it's important. You only have seconds -- tenths of seconds, even -- to make an impression on people who come to your site. If the site isn't working, has dead links or some old code that doesn't work and leaves the site with blank areas, you can bet your life those lovely, potential customers will click away at the drop of a pixel. And more than likely they'll be clicking away to the welcoming site of one of your competitors.

Wake up and smell the Mugicha! After reading this post you no longer have any excuses for not knowing. There's a website I often turn to when I want to see how my own site is doing, performance-wise. It makes for uncomfortable reading sometimes, because it doesn't hesitate to tell me stuff I don't particular want to hear -- the site's too heavy, too many images, too many elements, you've failed at life, you're a bad, bad person... et depressing cetera. But it's well worth it.

I have no connection whatsoever with the owners of the site and this isn't an affiliate link, so click in confidence. Here it is:

http://www.websiteoptimization.com/services/analyze/

Put in the full address of your website and have a look at what it says. Pretty eye-opening stuff, eh? You didn't realise it was that bad, did you?!

I'm not particularly interested in contacting the owners of the site to ask for their optimization services, but the results I get when I check my site are very interesting. Useful, too. Oh, and completely free. Check it out.