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 .
disinfecting cleaning services Winnetka ..Have you ever thought the secret behind the success of... Read More
In the region where my company is located, South Bend,... Read More
The art of turning website visitors into paying customers depends... Read More
I recently received an unsolicited e-mail from some company offering... Read More
Every good Internet business understands the value of conversions versus... Read More
When visitors add your web site to their Favorites or... Read More
So what do you do if need to get a... Read More
Often time I've browsed sites and seen the same thing... Read More
Mini Websites are the most powerful and cost effective solution... Read More
Web templates by nature are created to aid and ease... Read More
So your traffic is going through the roof yeah? It's... Read More
After having decided to start a business, the next thing... Read More
The process of Web application development is critical to the... Read More
1. Address your targeted audience on your business site. Example:... Read More
So you want to have a website. You have gone... Read More
An additional benefit of website accessibility is an improved performance... Read More
You've decided to create a website to market your products... Read More
What is the point of having a website, you may... Read More
Project Safekids provides webmasters a valuable tool which could save... Read More
If you are living in a country that its native... Read More
Looks like every client wants a Flash site these days... Read More
A website is like an information flow, with you as... Read More
While studying online for IT investment opportunities, I found that... Read More
From early days of www, the Internet sites that are... Read More
With the New Year upon us yet again, it's time... Read More
last minute cleaning help Highland Park ..With more and more countries around the world passing laws... Read More
This article was prompted by some customer support work I... Read More
Building a new website can be a lengthy task. From... Read More
Psychology is a long word which everyone thinks, "no, that's... Read More
If you are like me you have wanted to build... Read More
Huge Mistake #1: Creating a Website with Flash -- Did... Read More
I've heard several prominent web marketers mention in their classes... Read More
While it may seem like a "quick and easy" task,... Read More
I talk with so many people who have small businesses... Read More
If your company own one or more stores, you might... Read More
There are hundreds of millions of Web surfers today. Each... Read More
In the region where my company is located, South Bend,... Read More
Alternate medicine finds its own place in the hearts and... Read More
In my previous life.....Actually, my previous JOB life, I was... Read More
Fantastico is a 3rd-party cPanel add-on and can be purchased... Read More
That's right. According to a recent study by Nielsen/NetRatings, Amazon.com... Read More
Appealing to others is really important when you have a... Read More
Like wine cars get more attractive to collectors as years... Read More
Many executives and investors are skeptical that software products can... Read More
Like any area of business your website needs some effort... Read More
A lot has changed in the way sites are optimized... Read More
Knowledge is power.And undoubtedly, it is the key to making... Read More
You've put up a website to promote a product or... Read More
Customer service questionnaires can help your clients better understand their... Read More
SummaryHere's the scoop on what you must know when designing... Read More
Web Development |