Каким образом Web-стандарты помогут вам сэкономить

Основные идеи

1.    Выделите немного времени и денег на создание сайта, использующего и поддер­живающего стандарты. Это окупит себя при создании, а тем более при поддержке сайта.

2.    Помните о важности разделения структуры и представления.

Когда наступит необходимость переделывать сайт, не следует менять XHTML-структуру. Возможно, вам понадобится добавить какие-то новые разделы, идентификаторы или части, но основная структура новой версии дизайна должна быть такой же, как в первой версии. В идеале обновление внешнего вида (представления) должно ограни­чиваться изменением таблиц стилей.

3.    Создайте одну версию сайта, но сделайте это хорошо.

Если вы используете разметку с хорошей структурой, вам никогда не придется созда­вать и поддерживать многочисленные версии вашего сайта. Один хороший сайт будет работать одинаково хорошо и в традиционных браузерах, и на карманных компьюте­рах, и с устройствами для людей с ограниченными возможностями. Считайтесь с нуждами пользователей, и пользователи будут вас любить.

4.    Помните, что CSS — это гораздо более мощный инструмент дизайна, чем HTML, используемый для представления Web-страницы.

Вы можете определять размер полей, отступы и оформление текста, а также созда­вать ролловеры и другие интерактивные эффекты. Все это вы можете сделать при по­мощи всего нескольких строк CSS — самого лучшего малобюджетного решения из когда-либо существовавших.

Каким образом Web-стандарты помогут вам сэкономить

Моя любимая бабушка в последние годы сошла с ума. Боясь, что люди «добе­рутся» до ее денег, она сняла все свои сбережения со счета и подожгла их в тостере. Некоторые Web-сайты делают то же самое каждый день, используя ус­таревшую разметку и техники кодирования. Ни один сайт не может выдержать такого, а малобюджетный сайт особенно. Web-стандарты, если их правильно использовать, смогут спасти ваш бюджет от пожара.

На одной из конференций по дизайну известный пророк Web-стандартов Эрик Мейер, автор книги «Эрик Мейер о CSS» (Eric Meyer on CSS, New Riders Publishing, 2002), рассказал об одном хорошо известном сайте Интернет-мага­зина, который теряет терабайт трафика в год, понижая скорость загрузки сай­та и замедляя передачу информации. Таким образом этот сайт рискует поте­рять клиентов, и все из-за перегруженного меню навигации слева.

Вместо того чтобы использовать простой и надежный HTML-код, связан­ный с CSS, каждый пункт меню сайта находится в столбце таблицы с прозрач­ным разделительным GIF-файлом и небольшой синей GIF-стрелочкой. Учиты­вая то, что меню содержит примерно 50 различных пунктов, стоимость обслуживания каждой синей стрелочки достаточно велика.

Мейер отметил, что, если бы на сайте упростили разметку и вместо синей стрелочки использовали бы CSS-стиль, а также не создавали бы отдельный стол­бец таблицы для каждого пунтка меню, владельцы страницы смогли бы умень­шить общий размер страницы на 5,518 Кб. Учитывая то, что страницы сайта просматриваются примерно миллион раз в день, ежедневная экономия на тра­фике составила бы 5,518 Гб. Нужно всего лишь немного подчистить разметку, чтобы за год сэкономить 2014 Тб. Предположим, что владельцы сайта платят по центу за гигабайт трафика; экономия могла бы составить $20000.

Создание сайта на основе Web-стандартов помогает разработчикам умень­шить объем трафика и тем самым понизить расходы на хостинг. Построение по стандартам делает страницы проще и позволяет их быстрее загружать. При этом увеличивается работоспособность сайта и потенциально понижаются расходы, например, на дополнительный сервер. Увеличивая скорость работы страницы, стандарты также помогают избегать раздражения пользователей, из-за которого они покидают сайт, не собираясь когда-либо на него возвращать­ся. Однако улучшенная работа и экономия — это не главное для вашего сайта. Экономия и работа создают основу для производства и поддержки сайта.

Posted in Экономичный Web-дизайн.