Ускорение сайта — прямой путь к росту доверия пользователей, улучшению поведенческих факторов, повышению позиций и трафика. Как же добиться того, чтобы страницы веб сайта загружались как можно быстрее? Хотя это и довольно сложная тема, даже целая наука, но добиться ускорения сайта в 2-3 раза даже будучи новичком можно без особых проблем.
Зачем ускорять сайт?
Каждый из нас по себе знает, насколько раздражают медленные сайты. Не нужно быть психологом, чтобы понимать, что для людей такие сайты кажутся менее надежными и качественными. Исследования показывают, что пользователи не любят ждать более 5-10 секунд — если за это время страница не показывает никаких признаков жизни, большинство из них просто закроют ее. При этом 30% пользователей не ждут более 4 секунд. Нужно стремиться к тому, чтобы скорость загрузки сайта не превышала 3-4 секунд, и была выше, чем у основных конкурентов.
Как говорил классик: «Время — деньги». Это особенно характерно для крупных проектов, интернет-магазинов и т.д. Здесь дорога каждая доля секунды — даже за минимальными задержками кроется потеря определенной суммы денег. Google не даст соврать. По данным исследования в 2006 году, увеличение времени загрузки страницы с 10 результатами поиска на 0,4 секунды и страницы с 30 результатами на 0,9 секунд, вылилось в потерю трафика и рекламных доходов на 20%.
Ускоряя сайт, мы создаем для пользователей более комфортные условия, в замен получая увеличение глубины просмотров, снижение количества отказов, рост конверсии и доверия к бренду. Кроме того, скорость загрузки страниц и время ответа сервера влияют и на ранжирование. При прочих равных условиях более высокие позиции получит тот сайт, скорость загрузки которого выше.
Как проверить скорость загрузки сайта?
Чтобы понять, в каком направлении двигаться, неплохо было бы скорость загрузки страниц для начала измерить. Для этого существует ряд мощных инструментов:
- Google PageSpeed Insights
- PingDom Tools
- YSlow
- WebPageTest
- GTmetrix
Данные инструменты позволяют определить оценку производительности и скорость загрузки страницы, общее количество объектов, из которых она состоит, а также предоставляют детальную информацию по этим объектам (размер, время ответа, заголовки, наличие сжатия и т.д.). Кроме того, эти сервисы дают всевозможные рекомендации по ускорению сайта.
Как ускорить сайт?
Каждая веб-страница, которую пользователь видит в своем браузере, состоит из основного HTML-документа и набора внешних объектов (файлов CSS, JavaScript, изображений, шрифтов и т.д). При этом размер основного документа обычно составляет не более 10% от общего объема страницы. Все остальное — это те внешние объекты, которые вызываются со страницы.
Если взять весь процесс загрузки страницы, начиная от ее формирования на сервере до полного отображения в браузере, то основное время приходится именно на клиентскую часть (загрузка браузером клиента). Время, за которое страница генерируется на сервере обычно не занимают много времени и составляет от 50 до 500 мс. В этой связи, особое внимание нужно уделить именно клиентской оптимизации.
По сути, вся клиентская оптимизация сводится к двум простым принципам:
- Уменьшение размера загружаемых объектов
- Уменьшение количества запросов
В следующей части статьи мы рассмотрим практические методы, которые позволят нам добиться этих задач.
