Быстрый анализ качества сайта: 10 минут на полную картину

9 декабря 2010, 15:10—15:30
Николай Мациевский, WEBO Software, Москва

Тезисы

Скорость как основной критерий качества сайта 
Давайте рассмотрим основные критерии качества веб-сайта. Здесь намеренно
не упоминаются методы привлечения трафика: они составляют отдельную
группу характеристик.
• Соответствие заложенной нагрузке. Сайт может хорошо справляться с 1
просмотром страницы в секунду, но не выдерживать и 3 одновременных
посетителей. Здесь нужно хорошо понимать, что при заявленной
разработчиками посещаемости в 10000 человек ежедневно, такой сайт может
быть способен выдавать не более 30-50 тысяч просмотров, что говорит о
времени создания страницы порядка секунды или даже больше. В таких
условиях рассчитывать на такой сайт, как на эффективный механизм
онлайн-маркетинга не приходится.
• Соответствие стандартам. Стандартные решения легче разрабатывать и
поддерживать. Стандартный код имеет большую совместимость с текущими (и
будущими) версиями браузеров. Также соответствие стандартов говорит о
высокой культуре разработки при создания сайта, поэтому в большинстве
случаев стандартный сайт еще и более качественный.
• Удобство использования. Если сайт запутанный, пугающий или просто
неудобный, то им, естественно, пользоваться не будут. Простейшую
проверку удобства использования можно провести среди ваших знакомых,
друзей и подчиненных: попросите их выполнить с помощью сайта какую-либо
задачу и смотрите на результат. Особенно важно спрашивать, какие чувства
у испытуемого при выполнении это задачи: это поможет глубже понять
целевую аудиторию.
• Решение бизнес-задач владельца. Сайт может быть быстрым, качественным,
удобным, но не решать основные задачи. Например, на сайте элитной
недвижимости не будет контактов обратной связи. Или на сайте
интернет-магазина будут отсутствовать кнопки "Купить" или "В корзину".
Решение задач бизнес — это существенное условие качественного сайта.

Существующие стандарты
Большая часть веб-технологий уже покрыта стандартами: это, в первую
очередь, RFC, описывающие протоколы, и рекомендации W3C, которые уже
давно стали стандартами в мире клиентских технологий. Также широко
распространено сертифицирование по серверным языкам программирования:
квалификация разработчиков может быть проверена достаточно путями.
Сложнее дело обстоит с удобством использования сайта (здесь стандартом
пока крайне мало, и все они относятся к области доступности) и скоростью
загрузки (здесь же есть общее положение по отрасли, которое и формирует
нормальные или стандартные показатели).
Как все это проверить за 10 минут?

Кроссбраузерность сайта
Проверяем с помощью www.browsershots.org. Выбираем наиболее
распространенные браузеры для целевой аудитории (Internet Explroer 6, 7
и 8, Firefox 2 и 3, Opera 9 и 10, Safari 3, Chrome 1). Получаем пару
десятков изображений главной страницы сайта, и уже по ней оцениваем
качество верстки: насколько она соответствует начальному дизайн-макету.

Соответствие стандартам
Обычно при разработке в соответствии со стандартами уменьшается время на
поддержку и развития такого сайта и увеличивается его доступность для
пользователей. Какие стандарты стоит проверять?
 
Проверяем с помощью HTML-валидатора: validator.w3.org, на самом деле нам
достаточно, чтобы было не более 25 ошибок на странице. Рекомендуется
проверять несколько типичных страниц для устранения наиболее очевидных
недочетов.
Соответствие стандартам доступности: WCAG. Проверяем с помощью
www.contentquality.com, достаточно соответствия первому уровню (A, WCAG
Priority 1).

Доступность и семантика кода
Отключение стилей и JavaScript в браузере позволит «увидеть» сайт таким,
как он «выглядит» для поисковых и других роботов. В Firefox это можно
сделать с помощью Web Developer Toolbar. В других браузерах — в
настройках отключения скриптов и с помощью:

javascript:document.getElementsByTagName('head')[0].innerHTML='';void(0);

Запуск этой адреса в браузере устранит большую (или же все) стили со
страницы.
Дополнительно страница с отключенными стилями позволит проверить,
насколько семантически верен HTML-код. Если содержание на странице
остается понятным для пользователя, если ключевые элементы
взаимодействия по-прежнему доступны — то можно считать, что страница
сверстана семантически верно. Иначе нужно устранять найденные недочеты
(например, отсутствующее меню или форму входа).
Не стоит искать у страницы с отключенными стилями полного соответствия
дизайн-макету — его и не должно быть. Но содержимое такой страницы
должно быть приятно для глаза и доступно для использования. Это основное
правило.

Скорость загрузки как стандарт
Теперь перейдем к основным сформировавшимся в отрасли на текущий момент
показателям скорости загрузки. В первую очередь, это время создании
страницы на сервере, оно не должно превышать 0,5с. Затем идет достаточно
характерный параметр: время появления в браузер хотя бы какого-то
изображения сайта. Пользователи не склонны ждать много больше более 1
секунды в неизвестности, если заходят на качественный сайт. Поэтому
«белый экран» в браузере рекомендуется показывать также не более 0,5с.
Это стадия предварительной загрузки страницы.
Далее пользователь пытается освоится на сайте, и загрузка может
продолжаться в интерактивном режиме. Однако полное время загрузки
страницы не должно превышать 4 секунд: именно такой сейчас характерный
порог ожидания пользователя. Если сайт загружается много дольше, то
пользователь будет склонен покинуть его и искать альтернативу (а их
сейчас очень много).
Для сравнения: по итогам последнего исследования Akamai характерное
время загрузки страницы для западных пользователей — 2 секунды, в два
раза меньше.

Скорость загрузки как критерий
Быстрые сайты кажутся пользователям более качественными и красивыми (это
подтверждено многочисленными исследованиями). Пользователи склонны
больше доверять быстрому интернет-магазину (впечатление от скорости
работы сайта будет распространяться и на мнение о скорости, например,
доставки или ответа на запросы). По исследования Google и Microsoft
увеличение времени ожидания пользователя приводит к снижению конверсии
посещений.
 
Какие же реальные цифры? На основе нашего опыта интеграции решений для
ускорения сайтов мы можем сказать следующее:
• увеличение скорости на 100% приводит к 5% росту продаж,
• на 200% — к 10% росту,
• на 300% — к 12% росту.
Скорость имеет значение и может быть подсчитана! Вот характерный график
внедрения простых методов ускорения сайта (приведено число просмотров
страницы на пользователя):

Проверяем скорость
Для проверки серверной стороны существует инструмент webopulsar.ru, с
помощью которого можно установить характерное время доступа к сайту из
различных точек земного шара. Также он позволяет оценить характерное
время создания страницы на сервере (если минимальное время доступа к
сайту больше 1с, то уже стоит бить тревогу).
Для проверки отказоустойчивости сайта стоит воспользоваться сервисом
Load Impact. Бесплатный анализ позволяет проверить до 50 одновременных
посещений (каждое из которых может открывать несколько десятков страниц
на сайте). Основным показателем устойчивости сайта к нагрузкам будет вид
кривой, который получится после проведения теста.
Если график ровный или время открытия страницы несколько падает при
росте посещаемости — значит, с сайтом все нормально. Если нет, то нужно
принимать решение об оптимальном потоке посетителей, которых сайт сможет
обслужить.
 
Для проверки качества скорости загрузки клиентской составляющей можно
воспользоваться либо YSlow под Firebug для Firefox (оценка должна быть
не менее 80, лучше всего не менее 90). Или же бесплатным инструментом
webo.in (простая оценка не ниже 70, лучше не ниже 80).

На что влияет скорость
Скорость загрузки оказывает ключевое влияние на доступность сайта
(больше психологическую, чем фактическую), активность пользователей на
сайте (медленными сайтами люди предпочитают не пользоваться) и его
конверсию (медленным сайтам не доверяют).

Презентация
654.19 Кб