Как и зачем ускорять загрузку сайта

Скорость сайта и конверсия 

 
Впрочем, для любителей цифр есть пример Amazon.com. Компания уменьшила время загрузки страниц своего сайта в среднем на секунду. Это сразу повлияло на конверсию и годовой оборот компании, который в связи с этим вырос на 1,6 млрд. долл. 
 
Конечно, с многомиллиардным оборотом любая мелочь значительно повлияет на отчетность. Но это не значит, что маленькому интернет-магазину не стоит задумываться о связи скорости сайта и конверсии. Все предприниматели знают историю, как гигантская авиакомпания American Airlines убрала из обеда пассажиров бизнес-класса оливку и сэкономила 40 тыс. долл. в год. Почему бы небольшому интернет-магазину не укорить загрузку своего сайта и не сэкономить сопоставимую сумму? 
 

Скорость сайта и поисковики 

 
Год назад Google добавил в свой сервис для интернет-маркетологов Google Analitycs новый инструмент - «Скорость загрузки страниц». Эта функция позволяет отслеживать скорость, с которой сайт загружается у пользователей. А представители Google хоть и не раскрывают алгоритм влияния скорость загрузки сайта на его место в выдаче поисковика, но явно указывают на то, что такая зависимость существует. Таким образом, ускорение сайта - это один из инструментов SEO-оптимизации. 
 
Рост скоростей в интернете - одна из важнейших идей Google на сегодняшний день. Компания занимается созданием операционной системы, которая будет полностью находиться в интернете, и для ее работы нужно быстрое соединение. 
 

Скорость сайта и мобильные устройства 

 
Компания Google в партнерстве с Nielsen провели исследование (опубликовано в последнем номере журнала «Интернет в цифрах»), две недели наблюдая за привычками мобильных пользователей, проанализировав 6 тыс. мобильных запросов. Оказалось, что 77% мобильных запросов пользователи делают, находясь дома или на работе, несмотря на доступность компьютера, и 73% запросов с мобильных устройств ведут к дополнительным действиям или конверсии. При том, что мобильные устройства используются так часто и с такой эффективностью для владельцев сайтов, скорость доступа в сеть с них очень мала из-за несовершенства сотовых сетей. 
 
Как сказал в одном из последних своих интервью генеральный директор «Яндекса» Аркадий Волож, "мы снова возвращаемся в темные времена медленного интернета". Ускорив свой сайт, вы будете для интернет-пользователей лучом в этом темном царстве. 
 

Чем измерить скорость сайта 

 
Итак, с важностью скорости сайтов все понятно. Теперь о том, как ее измерить. Специальный сервис Page Speed Online есть у Google. Среди гиков популярен сервис WebPagetest.org. Он выдает аналитическую информацию, понятную только технарям. Мы тоже сделали похожий сервис - sitespeed.ru, который удобнее тем, что он на русском языке, а рекомендации по ускорению сайтов выдаются в виде PDF-файла в трех частях - для руководителя, для системного администратора и для веб-дизайнера. 
 

Как ускорить свой сайт 

 
1. Самый очевидный способ уменьшить время загрузки - сжать картинки до предельно допустимого уровня, чтобы они имели минимальный размер, но при этом оставались четкими. Как ни странно, даже интернет-магазины, которые часто меняют на сайте картинки с товарными позициями, грешат размещением «тяжелых» изображений. Мы сталкивались с интернет-магазином мебели, где картинки товаров «весили» больше мегабайта, и на мобильных устройствах сайт открывался несколько минут. Специально для оптимизации изображений с целью ускорения их загрузки в интернете сделано много программ. 
 
2. Попросить хостинг-провайдера изменить настройки серверов, на которых находится ваш сайт. Для блога тонкие настройки работы сервера могут быть одними, для интернет-магазина - другими. Есть и общие для всех сайтов настройки для ускорения. Например, на скорости загрузки скажется положительно, если сервер будет держать соединение с компьютером пользователя, пока не загрузятся все картинки на странице (обычно соединение рвется и устанавливается снова, на это уходит время). Другая настройка, которая влияет на скорость - включение и выключение сжатия передаваемых данных (к сжатию картинок не имеет отношения). Эти две опции часто бывают отключены. Нужно попросить хостинг-провайдера включить их. 
 
3. Сменить тариф хостинга или изначально выбирать такой тариф, который предполагает быстрое увеличение мощностей и применение индивидуальных настроек для ускорения загрузки. На обычном - shared - хостинге ни то, ни другое невозможно. Нужно арендовать у хостинг-провадйера виртуальные, облачные или, на худой конец, физические серверы. 
 
Например, сервис Viber избежал падения и медленной работы, когда за первые три дня неожиданно получил миллион пользователей, благодаря тому, что арендовал хостинг в облаке у aws.amazon.com. Данные о новых пользователях попадали не на физические серверы, а на виртуальные. То есть они не хранились в каком-то конкретном месте, а записывались на множество серверов в том порядке, в котором данные распределяла специальная программа. 
 
Мы тоже используем облачный хостинг, программное обеспечение для которого нам предоставилa компания Jelastic. Программа выделяет под сайт столько места на серверах, сколько ему нужно в данный момент. В этом случае вы арендуете не железку с ограниченным ресурсом, а услугу с возможностями для расширения, которые можно быстро использовать и платить только за реальное потребление. 
 
4. Использовать «поддомены», то есть дополнительные хосты. С одного хоста бразуер загружает файлы в шесть потоков одновременно. Если сайт будет загружаться с двух хостов, то браузер откроет еще шесть потоков и загрузка будет происходить вдвое быстрее. Так делает, например, сайт сети «Связной», и в том числе поэтому, как нам кажется, он быстро загружается. 
 
5. Использовать «спрайты» и объединять несколько файлов со стилями и скриптами в один. Спрайт - это много изображений на сайте (кнопок, стрелок, картинок), объединенных в одно изображение. Один спрайт загружается на сайт быстрее, чем много маленьких файлов с отдельными картинками. Если на какой-то странице сайта одна часть спрайта нужна, а другая нет, то можно показывать только его часть. 
 
6. Файлы со стилями и Java-скриптами, которые несут информацию о том, как должен выглядеть ваш сайт, тоже лучше объединять для ускорения загрузки. Если таких технических файлов около 10 для каждой страницы, то лучше объединить их так, чтобы осталось два-три. Принцип объединения примерно тот же, что и у спрайтов. Только вместе складываешь не картинки, а текст. 
 
Мы провели эксперимент: выполнили все эти рекомендации на наших новых тарифах хостинга и добились ускорения работы одного из интернет-магазинов в два раза. Уверен, что даже если вы выполните только одну или две рекомендации, положительный эффект не заставит долго ждать. Ускоряйте ваш сайт - это простой и действенный способ повысить конверсию и лояльность клиентов.
 

Об авторе 

 
Андрей Шварцкопф, генеральный директор Rusonyx 
 
Изучал экономику и международный бизнес в Высшей школе экономики и права в Берлине. С 1997 года основал несколько успешных компаний в Германии в сфере торговли и веб-разработки. Консультировал и разрабатывал сайты по заказу таких брендов как Volkswagen и Greenpeace. В 2005 году был приглашен в компанию Magix, где развивал онлайн-продажи в Европе и США, увеличив их за три года вдвое - с €7 млн до €14 млн. 
 
Компанией Rusonyx руководит с 2010 года. Помимо работы в хостинг-провайдере, консультирует стартапы, которые развиваются при финансовой и менторской поддержке компании Parallels и фонда Runa Capital.