Why a CSS Website Layout Will Make You Money

Home
>
Web Development
>
Why a CSS Website Layout Will Make You Money

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 .

In The News:

Top Stories - Google News
Updated : Sun, 21 Mar 2010 06:51:07 GMT+00:00

Lazio Endorsed by Conservative Party - New York Times

Boston Globe

Lazio Endorsed by Conservative Party
New York Times
A divided group of New York State Conservative Party leaders voted Saturday to throw the party's support behind Rick A. Lazio, giving the former congressman's troubled campaign for governor a boost as it struggles to hang on to ...
Lazio to meet with Edwards, officialsEvening Observer
Conservative Party backs Lazio for governorNewsday (subscription)
Broome GOP chairwoman Debra Preston still supports Lazio for governorPress & Sun-Bulletin
New York Daily News -Albany Times Union (blog) -WCAX
all 118 news articles »

Publ.Date : Sat, 20 Mar 2010 22:36:51 GMT+00:00

'Tea party' protesters accused of spitting on lawmaker, using slurs - Washington Post

CBS News

'Tea party' protesters accused of spitting on lawmaker, using slurs
Washington Post
Hundreds of conservative activists gather outside the US Capitol to protest health-care legislation, which is approaching a final vote in the House this week. By Paul Kane Members of the Congressional Black Caucus said that racial epithets were hurled ...
Congressmen are abused by protesters at DC demonstration against health care billKansas City Star
Spitting and Slurs Directed at LawmakersNew York Times (blog)
Health care vote...Spitting fury...Plains snowstorm9&10 News
Salon -Los Angeles Times -The Swamp (blog)
all 303 news articles »

Publ.Date : Sun, 21 Mar 2010 03:04:11 GMT+00:00

Stewart Udall, Interior Chief to Kennedy, Johnson, Dies at 90 - BusinessWeek

Washington Post

Stewart Udall, Interior Chief to Kennedy, Johnson, Dies at 90
BusinessWeek
March 21 (Bloomberg) -- Stewart Udall, an advocate for the American West who oversaw the addition of 2.4 million acres to national parks and pushed for landmark environmental legislation as US Interior secretary under ...
Former Interior Secretary Stewart Udall diesBizjournals.com
Stewart L. Udall, 90, Conservationist in Kennedy and Johnson Cabinets, DiesNew York Times
Former Interior Secretary Udall dies at age 90Washington Post
AZ Central.com -Reuters -KRQE
all 415 news articles »

Publ.Date : Sun, 21 Mar 2010 04:06:32 GMT+00:00

Tea Party Activists Make Last Stand Against Health Care Vote - FOXNews

Bellingham Herald

Tea Party Activists Make Last Stand Against Health Care Vote
FOXNews
Just days after holding a rally in Washington, Tea Party activists returned Saturday to make one final stand against the health care reform bill ahead of an expected Sunday vote. Thousands of Tea Partiers descended upon the Capitol in an effort to ...
Make That the Nas-Tea Party »New York Daily News (blog)
First Coast Tea Party Members Rally in DCFirst Coast News
Hagerstown-area residents rally against health billThe Herald-Mail
KYMA -msnbc.com -San Jose Mercury News
all 136 news articles »

Publ.Date : Sat, 20 Mar 2010 17:47:16 GMT+00:00

Thousands bid farewell to former Nepal PM Koirala - FOXNews

Reuters

Thousands bid farewell to former Nepal PM Koirala
FOXNews
AP KATMANDU, Nepal (AP) — Politicians, diplomats and thousands of supporters lined up for hours at a public stadium Sunday in Nepal's capital to pay respect to Girija Prasad Koirala, the former pri... KATMANDU, Nepal (AP) — Politicians, diplomats and ...
Koirala's last journey beginsThe Hindu
Thousands bid farewell to former Nepal PM KoiralaSan Jose Mercury News
Nepal's former leader Koirala diesABC Online
Washington Post -BBC News -Sify
all 722 news articles »

Publ.Date : Sun, 21 Mar 2010 06:43:12 GMT+00:00

Obama appeals to Iranian people - Jerusalem Post

Reuters South Africa

Obama appeals to Iranian people
Jerusalem Post
WASHINGTON – US President Barack Obama told Iran's leaders that his offer of diplomatic engagement over their nuclear program remains on the table during his annual Nowruz greeting. ...
Iran president suggests referendum on subsidy cutsReuters
Ahmadinejad promises 'better news' for New Iranian YearPress TV
Report: Iran releases prominent pro-reform figureWashington Post
Voice of America -CNN -BBC News
all 845 news articles »

Publ.Date : Sun, 21 Mar 2010 02:20:57 GMT+00:00

UN chief Ban Ki-moon calls for Israel to halt all settlement activity - Washington Post

Telegraph.co.uk

UN chief Ban Ki-moon calls for Israel to halt all settlement activity
Washington Post
CHINA Pedestrians bear the brunt of a sandstorm that hit Lanzhou in Gansu province. Northern China has been hit by the strongest sandstorm so far this year, causing flight delays at Beijing's international airport. (Associated Press) UN chief Ban ...
Mahmoud al-Zahar: Qassams helping IsraelYnetnews
Ban urges Gazans to stop rocket fireJerusalem Post
Netanyahu did one thing right in the Jerusalem settlements debacleHa'aretz
The Guardian -Los Angeles Times -Xinhua
all 1,014 news articles »

Publ.Date : Sun, 21 Mar 2010 06:07:44 GMT+00:00

RSS Parser
Increased Website Traffic

Why a CSS Website Layout Will Make You Money

Web Development