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 .
spotless home service Lake Forest ..Why do some sites succeed while the vast majority of... Read More
I had a client say something to me the other... Read More
That's right. According to a recent study by Nielsen/NetRatings, Amazon.com... Read More
Dynamically Update Your Web Pages Via E-MailIf you can Send... Read More
Any new website competing on the internet, needs to take... Read More
Web accessibility has so many benefits that I really do... Read More
There are millions and millions of websites on the Internet.... Read More
Thousands of people are now making a living online and... Read More
Every small business owner knows that they need a website,... Read More
Creating a content management system either from scratch,... Read More
Design and layout can make your communication come alive and... Read More
Today it seems everyone is jumping on the entrepreneur bandwagon,... Read More
Starting and maintaining a business is challenging enough without the... Read More
Did you know that hosting companies overcrowd their servers despite... Read More
I recently helped my mom to launch a website (www.mom2me.com)... Read More
Your website conversion rate should concern you. This simply refers... Read More
Recently I was reviewing the keyword specific conversion rate data... Read More
Functions and Subroutines in ASP If you read... Read More
Dance is how you pamper your soul and satiate your... Read More
An accessible Web site is easily approached, easily understood, and... Read More
Like most average persons, I wanted some extra money to... Read More
Research reveals three important facts:1) The Internet is one of... Read More
Failure, just like success, is measured differently by each and... Read More
When you started reading this sentence you assumed lo acabar?a... Read More
When you purchase a new item from a Yahoo! Store,... Read More
weekly home cleaning Mundelein ..Getting a Targeted Visitor to a website is a waste... Read More
Building a new website can be a lengthy task. From... Read More
An Introduction to Server Side IncludesBeginner? That's OK!While much has... Read More
1) A marketing necessityI still hear it said from time... Read More
Every online entrepreneur I talk to is asking the same... Read More
There are millions and millions of websites on the Internet.... Read More
D.zigns dzignerwebs The Basics Before starting on... Read More
I still remember it very clear ... It was almost... Read More
Research reveals three important facts:1) The Internet is one of... Read More
One of the most useful features offered by some web... Read More
There are hundreds of millions of Web surfers today. Each... Read More
Web accessibility has so many benefits that I really do... Read More
Conceptualize, Build and Publish a Web site - What's required... Read More
There have been many significant changes to the face of... Read More
More and more non-profit organizations are developing websites to help... Read More
1. SiteSpinner V2 - On Sale www.deprice.com/sitespinner.htmSiteSpinner is a user-friendly... Read More
It may come as some surprise to a traditionally off-line... Read More
Having an eye catching website is great, but are you... Read More
How popular is online shopping? And is there room for... Read More
With search engines putting a damper on direct reciprocal links,... Read More
Server Side Includes (SSI) with ASP People often... Read More
Understanding and using web analytics.In recent years, website marketers were... Read More
A website lets you put your products in front of... Read More
If you are like me you have wanted to build... Read More
What you should do and know if you are an... Read More
Web Development |