Using CSS (Cascading Style Sheets) has turned out to be beneficial for viewers, search engine optimization (SEO), and, last but not least, web site owners. Below is a list of the many advantages of building a site in CSS rather than tables.
- CSS delivers pages faster. Browsers read through tables twice before properly displaying their contents – once to determine the structure, and once to determine the content
- Table websites only appear on the screen when the entire table has been downloaded and rendered
- Table sites use 4 to 5 times more code than a CSS site
- Table layouts takes 2 to 4 times longer to load in browsers
- Less code means easier SEO crawling
- CSS is easier to achieve html validation because they contain less code
- Lower hosting cost because of less bandwidth
- Redesigns are less expensive because CSS is faster to design than tables
- Visual consistency is maintained throughout the site because of CSS global changes
- Better page structure with header structure. Headers tell search engines what is important on the page
- CSS allows text rollover effects which search engines read. Table sites uses JavaScript rollovers which are generally not read by search engines
- Universal cross-browser style declarations means your site has a better chance of looking the same regardless of the browser
- Printer-friendly style sheets means you can actually print your website
- Table-based layouts must be downloaded over and over and over again each time a page is loaded
CSS is only downloaded once and each page within the site will load easily
- Background images can be as thin as 1 pixel and CSS can be used to repeat the background so it covers the entire background. This allows the page to load faster
- One CSS change can affect the entire site, instead of just one page like a table site
- Many table sites use spacer gifs which take time to load and don’t load the same in every browser
- Sophisticated Layouts and Designs - Unlike the use of tables, CSS offers freedom in designing. Because of the rigid, inflexible, and grid based form of tables, designers cannot utilize their potential in designing
- CSS offers more flexibility in designing a menu system that can be consistent on each page
Tags: CSS, SEO, Web Design



Get a Free