Реактивные веб-сайты

Главное отличие клиентского подхода состоит в том, что в качестве

объекта оптимизации рассматриваются страницы сайта, получаемые бра-

узером клиента, состоящие из HTML-документа, содержащего вызовы

внешних объектов, а также сами внешние объекты (чаще всего это файлы

CSS, файлы JavaScript и изображения).

Может показаться, что клиентская оптимизация является лишь со-

ставляющей частью серверной оптимизации, однако это не так. Различ-

ные технологические решения клиентской области сайта при одинаковой

нагрузке на сервер могут обеспечивать совершенно разные характерис-

тики клиентского быстродействия.

При исключении из рассмотрения всех факторов, относящихся к сер-

верному программному обеспечению и каналу передачи данных, можно

заключить, что увеличение скорости загрузки страницы на различных ста-

диях загрузки принципиально возможно за счет ограниченного количест-

ва методов. Об этих методах и пойдет речь далее.

———————— Page 13————————

12 РЕАКТИВНЫЕ ВЕБ-САЙТЫ

1.2. AI‡IEA ‚A·-OU?‡IE?

Большинство приведенных в книге методов оптимизации являются

универсальными и могут быть применены практически в любом случае, на

любом сайте. Но только выбор наиболее подходящего плана оптимизации

может привести к наилучшему результату при решении каждой конкрет-

ной задачи.

Перед оптимизацией сайта необходим тщательный анализ его кли-

ентской производительности, а также четко сформулированная цель оп-

тимизации, ведь в подобном усовершенствовании важен только резуль-

тат, а не процесс.

Процедуру анализа веб-сайта можно разделить на несколько основ-

ных стадий: анализ веб-страниц и их компонентов, анализ стадий загруз-

ки веб-страниц и анализ характеристик браузеров, при помощи которых

веб-страницы обычно загружаются.

1.2.1. eO?A‰AIAIEA ?AIE OOUEIEA‡?EE

Целью клиентской оптимизации может быть решение подобных за-

дач:

? достижение минимально возможного времени загрузки какой-ли-

бо конкретной страницы;

? достижение минимально возможного времени загрузки группы

страниц, просматриваемых в произвольном порядке;

? обеспечение минимально возможного времени с момента запроса

страницы до момента появления у пользователя возможности про-

сматривать страницу и взаимодействовать с ней.

Это далеко не полный перечень возможных целей. Иногда и вовсе

требуется достигать компромисса и выбирать между несколькими взаимо-

исключающими вариантами оптимизации. В таких ситуациях лучше иметь

максимум возможной информации о ваших веб-сайтах и их посетителях.

———————— Page 14————————

3

Обзор методов клиентской оптимизации 1

Определить список «критических» страниц, на которых необходим

максимальный эффект оптимизации, можно при помощи систем сбора и

анализа статистики. Необходимо также учитывать назначение и специфи-

ку оптимизируемого сайта или сервиса.

Как правило, оптимизация требуется на главной странице сайта и

других страницах с высокой посещаемостью, но это не всегда так. В каче-

стве примера можно привести страницы оформления заказа на коммерче-

ском сайте. На них может приходить лишь 5% от общего числа посетите-

лей сайта, однако если они будут загружаться слишком медленно, посети-

тели могут так и не стать клиентами.

Google Analytics (http://www.google.com/analytics/)

Рис. 1.1. Внешний вид сервиса Google Analytics

Google Analytics — один из лучших среди бесплатных сервисов для

сбора и анализа статистики. С его помощью можно узнать о посетителях

сайта почти все: страницы, с которых они переходили на сайт, время и дли-

тельность посещений, наиболее посещаемые страницы и последовательно-

сти посещений, параметры программного и аппаратного обеспечения и т. п.

Сервис работает по тому же принципу, что и большинство Интернет-

счетчиков: специальный код устанавливается на всех страницах сайта и

регистрирует каждое посещение, собирая все данные о нем.

———————— Page 15————————

14 РЕАКТИВНЫЕ ВЕБ-САЙТЫ

Яндекс.Метрика (http://metrika.yandex.ru/)

Относительно молодой, но активно развивающийся русскоязычный

сервис для оценки посещаемости сайтов и анализа поведения пользова-

телей на нем. Позволяет получить детальную информацию об источниках

перехода на сайт, числе возвратов, просматриваемом содержимом, гео-

графии и демографии посещений, программных и аппаратных характери-

тиках компьютеров пользователей.

Для сбора всей упомянутой выше информации достаточно лишь уста-

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

1.2.2.