Я заметил, многие веб-сайты ведут себя как телевизионные каналы, они используют высококачественную графику и звук, забывая про то, что посетители в этот момент смотрят не телевизор. Подобные сайты подходят для пользователей высокоскоростного доступа в интернет, однако большинство работает в сети, используя монитор с диагональю 15–19 дюймов, может просматривать лишь 256 цветов и получать данные со скорость 28.8 килобит в секунду.
Что все это значит?
Вам, как владельцу, дизайнеру, промоутеру сайта или любому другому ответственному за проект лицу стоит придерживаться одного правила. Готовы? Тогда слушайте: убедитесь, что скорость соединения с интернетом 28.8 кбит/c; введите URL сайта в адресную строку браузера; нажмите «Enter» и задержите дыхание. Если пришлось глотнуть воздуха еще до конца полной загрузки страницы, значит, необходимо уменьшить ее размер.
Уверен, некоторые из вас могут не дышать очень подолгу, поэтому хочу дать совет: ваша страница не должна превышать 50 килобайт. Лично я бы установил планку в 30 кб. Главная страница самого популярного сайта в сети имеет размер менее 21 кб. Да, да, главная страница Yahoo всего лишь 20 килобайт. Казалось бы очень мало, но в пределах этих 20 кб вы можете сделать очень многое.
Как уменьшить размер страницы до 50 кб? А до 30?
Во-первых, все графические элементы должны быть максимально маленького размера, оптимальное значение — меньше 4 кб, среднее — около 6. При создании графики для сайта помните о количестве используемых цветов. Мне, как художнику-оформителю, очень сложно было перейти от палитры в миллионы цветов к всего лишь 216. Да, 216 — именно такое количество цветов содержится в палитре безопасных веб-цветов. Для веб-графики используйте чистые цвета.
PhotoShop сделал градиент популярным средством среди веб-дизайнеров. Он прекрасно подходит для того, чтобы подчеркнуть или «затемнить» какой-либо элемент веб-страницы. Я часто встречаю на сайтах фоновое обрамление, сделанное на основе градиента и всегда смотрю размер подобных изображений. 8–12 кб не стоят этого. Проблема в том, что при градиентной заливке используется множество цветов и сглаживание, которые сильно увеличивают итоговый размер изображения. Чем больше цветов используется в изображении, тем больше будет его размер.
Как я уже говорил, многие веб-сайты ведут себя как телевизионные каналы, они используют высококачественную графику и звук, забывая про то, что посетители в этот момент смотрят не телевизор. Подобные сайты подходят для пользователей высокоскоростного доступа в интернет, однако большинство работает в сети, используя монитор с диагональю 15–19 дюймов, может просматривать лишь 256 цветов и получать лишь 28.8 килобит информации в секунду.
Что все это значит?
Повторюсь, вам, как владельцу, дизайнеру, промоутеру сайта или любому другому ответственному лицу стоит придерживаться одного правила. Готовы? Тогда слушайте: убедитесь, что скорость соединения с интернетом 28.8 кбит/c; введите URL сайта в адресную строку браузера; нажмите «Enter» и задержите дыхание. Если пришлось глотнуть воздуха еще до конца полной загрузки страницы, значит, необходимо уменьшить ее размер.
Больше сосредоточтесь на дизайне вообще, а не на красивой графике для сайта. Для успеха веб-сайт должен быстро загружаться и выглядеть красиво. Возникает дилемма: быстро загружаться или красиво выглядеть. Вместо использования рисунков и фотографий, попробуйте выбрать для сайта хорошую цветовую гамму. Используйте рамки (border) для элементов страницы. При дизайне используйте области, заполненные пустым пространством. Отсутствие чего-либо иногда также важно, как и его присутствие. Помните, иногда меньше значит лучше.
Если возникнут сомнения, подумайте о потребностях типичного посетителя вашей веб-страницы. Привлечет ли его этот графический элемент или заставит возвращаться на сайт снова и снова? Если ответ — «да», тогда обязательно оставьте этот элемент, если — «возможно» или «этот рисунок просто хорошо смотрится», тогда уберите. Посетители сайта будут благодарны вам за то, что им не пришлось ждать больше, чем на то необходимо. Интернет создан, чтобы улучшить нашу жизнь, а не для того, чтобы сидеть перед монитором и ждать загрузки очередной объемной страницы.
