Советы

Сколько весит мой сайт

Посещаемость сайта (при прочих равных условиях) тем выше, чем быстрее он просматривается. Пользователь любит быстрое обслуживание и не хочет тратить деньги на просмотр картинки “для настроения”. Пользователь ходит за картинками на специальные сайты, на обычных сайтах ему нужна текстовая информация.

Известно, что страницы часто посещаемых сайтов небольшие. Если вам нужны посетители, делайте страницы как можно меньше по объему.

Что понимается под объемом страницы? Конечно, не геометрический размер страницы на экране, а сумма килобайтов, которые нужно загрузить по сети для построения экранного образа. Это размер самого HTML-файла, размер картинок, размер файлов со скриптами и стилевыми таблицами.

Основной источник “жировых” отложений — картинки, и к ним нужно относится с особым вниманием. Отказаться о лишних декораций, шершавых фонов, анимаций, уменьшить геометрические размеры, оптимизировать графику, уменьшая Quality для JPG и число цветов для GIF.

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

Известно, что задержка в 1 сек не прерывает ход мыслей пользователя. Задержка более 10 сек раздражает и заставляет заняться другим делом. При задержке более 20 сек пользователь покидает сайт (как правило, навсегда).

При работе по модему со скоростью 56 Кбит/с задержка в одну секунду возникает при приеме файла в 2 килобайта. Задержка в 10 секунд — при приеме файла в 34 килобайт. (В этих числах учитывается время соединения с сервером; данные взяты из книги Веб-дизайн Якоба Нильсена.)

Отсюда старое доброе правило: если страница тянет на 50 килобайт, нужно бить тревогу и принимать срочные меры. Если в странице 30 килобайт — это приемлемо, если меньше — совсем хорошо!

Якоб Нильсен в своей замечательной книге Веб-дизайн (издательство Символ, Санкт-Петербург, 2000) пишет, что на сайте www.provenedge.com ограничение размера страницы сначала было 40 килобайт. При этом, число пользователей не дождавшихся загрузки, составляло 25-30%. Когда объем графики был уменьшен, число нетерпеливых понизилось до 7-10%.

Видите, как просто увеличить приток посетителей на сайт — пишите маленькие страницы!

В конкурсах Роботландского Университета принято ограничение в 100 килобайт для запаковки одной работы (учебного сайта). По этому поводу приходят возмущенные письма: как можно уложить сайт в такой крошечный объем?

Одна из работ с “запредельным” весом в 600 килобайт была внимательно изучена. Посмотрели в браузере и были удивлены: картинок не так много, почему такой большой вес?

Разгадка скрывалась в неумелой работе с графикой. Одна из картинок весила 173 килобайта (на странице их было несколько), имела размер 800x600, а на экран выводилась тегом:

<IMG src=pic.jpg width=106 height=112>

Когда картинку уменьшили в Фотошопе до нужного размера 106x112, она стала весить 13 килобайт.

Сайты, на которых 160 килобайт живут в отходах, посещаться не будут!

Сайт с маленькими страницами может быть очень содержательным и красивым по дизайну. Одна из лучших работ Роботландского конкурса Проба пера 2000/2001 учебного года при восьми HTML-страницах весила всего 68 килобайт (в среднем меньше 9 килобайт на одну страницу). Это сайт Шесть плюс одна команды школы 25 из Благовещенска, руководители Евладовы Андрей Анатольевич и Надежда Владимировна, авторы сайта: Пшеничников Виталий и Потапчук Валерий — программисты, Григорьев Вячеслав — художник, Соломаха Оксана — писатель, Косицын Сергей — рецензент, Сопунцов Артем и Пузанкевич Илья — критики и дизайнеры.


[содержание] [советы] [жесткий и резиновый] [очаровательные анимашки]       Иван Сидоров kurs@robotland.pereslavl.ru