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 .
detailed home cleaning Park Ridge ..We are clearly well past the innocent "golden age" of... Read More
Designing and creating your own website does not have to... Read More
An automated accessibility tool is a piece of software which... Read More
The Internet is being used by local service business to... Read More
There have been many significant changes to the face of... Read More
A simple website stats counter is not enough if you... Read More
Go to any internet marketing forum you want these days... Read More
When you take a look at the most visited sites... Read More
Even with the steady growth of the World Wide Web,... Read More
The art of turning website visitors into paying customers depends... Read More
It's now easier than ever to take payments on the... Read More
Thousands of people are now making a living online and... Read More
Creating a content management system either from scratch,... Read More
Revenues are often lost because many business owners don't see... Read More
The evolution of web development parallels the model of technology... Read More
Is Your Web Site an Expense or an Investment?Why don't... Read More
It is an undeniable fact that not everybody is keen... Read More
1. Choose a big enough font size. A size 12... Read More
The following is a list of patterns that many visitors... Read More
Does your website have a links/resources page?Do you exchange reciprocal... Read More
There's been widespread speculation about the new legislation being introduced... Read More
Before you jump into spending coutnless hours on designing and... Read More
Your ObjectiveYour small business needs an appealing and professional website... Read More
When you consider the billions of individuals and companies on... Read More
People like to get immediate responses to requests. Autoresponders are... Read More
express cleaning service Des Plaines ..The Internet is a remarkable publishing medium. With just a... Read More
I talk with so many people who have small businesses... Read More
You know exactly what your organisation does and what your... Read More
Never has competition been so difficult in the Internet world.... Read More
"How do I improve web site sales figures?" The CEO... Read More
Many websites I come across don't have a single link... Read More
You want to give your site's visitors a way to... Read More
What happened on your website yesterday? What about last week... Read More
Looks like every client wants a Flash site these days... Read More
In the big, wide online world there are millions of... Read More
Developing a website with content that entices visitors to return... Read More
Conceptualize, Build and Publish a Web site - What's required... Read More
What is CSS?CSS is a simple file which controls the... Read More
Why do some web sites reap huge benefits while others... Read More
Yahoo has long offered email, an online calendar, notes, bookmarks,... Read More
Think up a name and check if yourname.com is available.... Read More
The "robots" meta tag, when used properly, will tell the... Read More
The needs of screen magnifier users are overlooked when implementing... Read More
An interesting eCommerce success factor that isn't precisely overlooked, but... Read More
There have been many significant changes to the face of... Read More
Three way linking and concerns.For many years SEO experts were... Read More
QUESTION: Should I build and maintain my business Web... Read More
A PHP Redirect automatically transfers a web user from one... Read More
What is SQL? SQL stands for Structured Query Language and... Read More
A website is the most versatile and cost-effective marketing tool... Read More
Web Development |