inforedesign

Автор: Трентон Мосс
6 Сен 2004

Хотя CSS-лэйауты были с нами уже давно, особой популярностью они не пользовались. Это происходило из-за слабой поддержки старыми браузерами. Сейчас же CSS поддерживается всеми современными браузерами (статистика по браузерам на август 2004).

Так почему вы должны переделать свой сайт из табличного в CSS лэйаут? Потому что это принесет вам деньги. Все просто. Вот четыре причины почему:

МеньС?ая оплата Р·Р° траффик

Страницы РЅР° РѕСЃРЅРѕРІРµ CSS имеют меньС?РёР№ вес файла, чем РЅР° РѕСЃРЅРѕРІРµ таблиц. Р? РїСЂРё переходе РЅР° CSS может наблюдаться более чем 50% уменьС?ение размера файла. МеньС?РёР№ размер файла значит меньС?РёР№ траффик, что для сайтов СЃ больС?РёРј траффиком значит значительную СЌРєРѕРЅРѕРјРёСЋ.

Основная причина такого уменьС?ения размера файла состоит РІ том, что оформление хранится РІРѕ РІРЅРµС?нем CSS-файле, однажды вызываемом Рё потом РєСЌС?ируемом. РџСЂРё использовании табличного лэйаута оформление хранится РІ каждом HTML-файле, Рё каждый раз загружается.

Рљ тому же, CSS может быть использован для замены JavaScript ролловеров, что тоже ведет Рє уменьС?ению размера файла.

БольС?РёР№ рейтинг РІ поисковых каталогах

CSS-основанный сайт займет лучС?ее место РІ рейтингах РїРѕ трем причинам:

• РљРѕРґ чище, Р° потому доступнее для РїРѕРёСЃРєРѕРІРёРєРѕРІ
• Важный контент может быть помещен РІ самое начало документа
• БольС?ая плотность контента РЅР° единицу РєРѕРґРёРЅРіР°

ЛучС?ее место РІ поисковых каталогах значит больС?Рµ посетителей. Что, РїСЂРё условии, что РІР°С? сайт удобен Рё юзабелен, означает СЂРѕСЃС‚ запросов или продаж.

Быстрее скорость загрузки

Быстрая скорость загрузки сделает вам деньги? Да. Маленькая скорость загрузки чаще всего упоминается как самая частая жалоба посетителей РЅР° юзабилити сайта. Таким образом, увеличение скорости загрузки ведет Рє улучС?ению юзабилити, Рё редизайн может увеличить соотноС?ение запрос/РїРѕРєСѓРїРєР° РЅР° 100% (СЃРј. ROI for Usability).

CSS загружается быстрее, чем таблицы, потому что:

• Браузеры читают таблицы дважды: РѕРґРёРЅ раз, чтобы определить структуру, РґСЂСѓРіРѕР№ — контент
• Таблицы появляются РЅР° экране сразу. РќРё РѕРґРЅР° часть таблицы РЅРµ может быть показана, РїРѕРєР° РІСЃСЏ таблица РЅРµ загружена Рё РЅРµ обработана (браузером)
• Таблицам РёРЅРѕРіРґР° нужны картинки-заглуС?РєРё (spacer images) для лучС?его позиционирования (контента)
• CSS обычно требует меньС?его количества РєРѕРґР°
• РЎ помощью CSS РІС‹ можете контролировать РїРѕСЂСЏРґРѕРє загрузки элементов. Контент будет появляться раньС?Рµ больС?РёС… (Рё долго загружаемых) картинок, Рё посетители РІР°С?его сайта это оценят.

Доступность

Чем больС?ему количеству людей будет доступен РІР°С? сайт, тем больС?Рµ заказов/продаж. CSS-сайты совместимы СЃ PDA, мобильными телефонами, автомобильными браузерами Рё WebTV. РќРµ недооценивайте важность этого: РїРѕ оценкам, РІ 2008 РіРѕРґСѓ будет продано 58 миллионов PDA (источник) Рё треть населения земли будет владеть беспроводными устройствами (источник).

Вы можете сделать дополнительный CSS-файл специально для мобильных устройств.

Заключение: переходите на CSS!

Перевод РІР°С?его сайта СЃ табличного РЅР° CSS лэйаут может быть долгим Рё трудным процессом, особенно для больС?РёС… сайтов. РќРѕ поверьте, вложенные деньги вернутся СЃ больС?ей отдачей.