Why a CSS Website Layout Will Make You Money

Although CSS layouts have been around for years, they haven't become so commonplace until recently. This was basically due to limited browser support (especially from Netscape 4) - nowadays though, CSS 2.0 (which introduced positioning) is compatible with over 99% of browsers out there (check out the browser stats over at http://www.thecounter.com/stats/2004/August/browser.php).

So, why should you convert your website from its current table-based layout to a CSS layout? It'll make you money. Simple really. And here's four reasons to explain why:

Reduced bandwidth costs

Web pages using CSS for layout tend to have much smaller file sizes than those using tabular layouts. It's not unusual to see reductions of 50% or more in file size when switching from CSS to tables. Smaller file sizes obviously mean reduced bandwidth costs, which for high traffic sites can mean enormous savings.

The main reason for this dramatic decrease in file size is that presentation information is placed in the external CSS document, called up once when the homepage loads up and then cached (stored) on to the user's computer. Table layouts on the other hand, place all presentation information inside each HTML, which is then called up and downloaded for every page on the site.

Additionally, CSS can be used to replace JavaScript image rollovers, again allowing a large reduction in overall page size. See the article, CSS navigation menu for more on this (http://www.webcredible.co.uk/user-friendly-resources/css/css-navigation-menu.shtml).

A higher search engine ranking

A CSS-based website will appear higher in the search engine rankings for three reasons:

- The code is cleaner and therefore more accessible to search engines

- Important content can be placed at the top of the HTML document

- There is a greater density of content compared to coding

A higher search engine ranking means more site visitors, which, provided your website is usable, should lead to an increase in enquiries or sales.

Faster download speed

A faster download speed will make you money? Well, yes. Slow download speed is often cited as one of the biggest usability complaints for websites. A faster download speed therefore leads to increased usability, and a web usability redesign can increase the sales/conversion rate by 100% (source: http://www.useit.com/alertbox/20030107.html).

CSS downloads faster than tables because:

- Browsers read through tables twice before displaying their contents, once to work out their structure and once to determine their content

- Tables appear on the screen all in one go - no part of the table will appear until the entire table is downloaded and rendered

- Tables encourage the use of spacer images to aid with positioning

- CSS generally requires less code than cumbersome tables

- All code to do with the layout can be placed in an external CSS document, which will be called up just once and then cached (stored) on the user's computer; table layout, stored in each HTML document, must be loaded up each time a new page downloads

- With CSS you can control the order items download on to the screen - make the content appear before slow-loading images and your site users will definitely appreciate it

Increase in reach

The more people you can reach, the more visitors you'll get to your site and the more enquiries or sales you should get. A CSS-based website is compatible with PDAs, mobile phones, in-car browsers and WebTV. Don't underestimate the importance of this: In 2008 alone an estimated 58 million PDAs will be sold (source: http://www.etforecasts.com/pr/pr0603.htm) and one third of the world's population will own a wireless device (source: http://www.clickz.com/stats/markets/wireless/article.php/10094_950001).

You can make an additional CSS document specifically for handheld devices, which will be called up in place of the regular CSS document, thereby ensuring your website is accessible to this lucrative market. This isn't possible with a tabular layout.

Conclusion: Switch to CSS!

Switching your website from a table layout to a CSS layout can be a long, arduous process, especially for large websites. Given the money making possibilities though, it could very well prove to be well worth it.

This article was written by Trenton Moss. He's crazy about web usability and accessibility - so crazy that he went and started his own web usability and accessibility consultancy ( Webcredible - http://www.webcredible.co.uk ) to help make the Internet a better place for everyone. They offer fantastic accessibility & CSS support packages, which you can read all about at http://www.webcredible.co.uk/support .

---

Disability Discrimination Act (DDA) & Web Accessibility

There's been widespread speculation about the new legislation being introduced... Read More

Web Measurement: What You Don?t Know Would Make A Great Book

"What's in it for me?" you ask. "Why should I... Read More

Nonsense! Why Do I Need a Website?

"I don't sell anything online, I don't advertise online, in... Read More

Making Your Websites More Compelling

The Internet is a remarkable publishing medium. With just a... Read More

Why Every Small Business Owner Needs Two Websites

Every small business owner knows that they need a website,... Read More

Top 10 Webmaster Challenges

Webmasters deal with a myriad of complex design challenges every... Read More

Revealing the Firefox Secret Used by Top Web Developers and Power-Browsers

Profiles are one of the best kept secrets around regarding... Read More

Top 5 Reasons to Track Your Website Traffic

#5 User Satisfaction: Learn what your visitors and site users... Read More

Selling Your Site: Outsource or Homemade?

To the starting internet entrepreneur, there is nothing more discouraging... Read More

Improve Conversion Rates ? Effective Content

Your site is fast and getting traffic, but conversion rates... Read More

Setting Up Your First Website

Q. Hey, Cathy: I'm just setting up a website. What... Read More

What is The Google Toolbar?

No matter what browser you may want to use, you... Read More

Website Development: Become Your Own Expert

Starting and maintaining a business is challenging enough without the... Read More

Tips for Building a Great Business Website

A website is lifeline of internet home business. In order... Read More

What ROI You Should Expect From Your Web Site

Is Your Web Site an Expense or an Investment?Why don't... Read More

How to Get Your Website In Front of Thousands of Customers At No Cost To You!

Dan Kennedy once said that if you can't make money... Read More

How Does Your Website Make Me Feel?

When people think about the Internet, they think about technology.... Read More

Learn What 98% of Targeted Visitors Do On Your Website

Getting a Targeted Visitor to a website is a waste... Read More

High Quality Website at Low Cost

Although designing a great web site is an important part... Read More

Beautiful Web Sites Seldom Make More Sales

Designing an E-commerce Web site is not as simple as... Read More

Why to Have a Website for Your Company

After having decided to start a business, the next thing... Read More

Web Sites ? Should I Learn or not?

A common dilemma most small and medium businesses face when... Read More

Flash Deadly Sins (That Can Kill Your Web Business)

Looks like every client wants a Flash site these days... Read More

Running An Effective Website

Running an effective website is a continuous process. I have... Read More

5 Tips To Supercharge Your Website Sales Copy

The art of turning website visitors into paying customers depends... Read More

Guidelines for Web Page Optimization

Below, I have listed 8 simple steps that you can... Read More

If Its Done Its Done for: Make Your Website Part of Your Business before You Build

Web sites are an Ongoing Part of Business.All too many... Read More

How To Get Your Customers To Trust Your Website

Research reveals three important facts:1) The Internet is one of... Read More

Five Question-Five Minute Web Makeover Quiz

If you haven't made the sales and built your clients... Read More

Why A Simple Counter is Never Enough for Your Website

A simple website stats counter is not enough if you... Read More

From Search to Sale

The Internet car buyer is an elusive animal. Trying to... Read More

What YOU Should Know Before Getting A Web Site!

Everyday thousands of new businesses make the leap and take... Read More

Do You Really Need A Website To Succeed

Rosalind wants to share her inspirational poetry with a wider... Read More