Суммарный вес страницы превышает 50 КБ

Величина штрафа

Каждые лишние 10 КБ добавляют к штрафу 0.1. Общая сумма штрафа не превышает 0.5.

Пример. На сайте три страницы:

Величина штрафа: 0.4.

Замечание. Постоянные элементы (общий стилевой файл, одинаковые для всех страниц картинки, JavaScript-инварианты) учитываются только на главной странице.

Пояснение

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

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

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

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

Старайтесь использовать одну и ту же картинку на разных страницах.

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

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

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

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

Отсюда доброе правило: если в странице более 50 килобайт, нужно бить тревогу и принимать срочные меры.

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

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

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

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

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

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

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

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