Как и зачем ускорять загрузку сайта
Медленный сайт - это всегда упущенная выгода. Преимущество – в скорости. Представьте, вы попали на сайт по случайной ссылке, и точно не знаете, будет ли информация на нем полезной. При этом сайт открывается с черепашьей скоростью. Проходит секунда, пять, десять. Конечно же, вы закроете окно браузера. Это очевидно и без специальных исследований.
Скорость сайта и конверсия
Впрочем, для любителей цифр есть пример 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-файла в трех частях - для руководителя, для системного администратора и для веб-дизайнера.
Как ускорить свой сайт
- Самый очевидный способ уменьшить время загрузки - сжать картинки до предельно допустимого уровня, чтобы они имели минимальный размер, но при этом оставались четкими. Как ни странно, даже интернет-магазины, которые часто меняют на сайте картинки с товарными позициями, грешат размещением «тяжелых» изображений. Мы сталкивались с интернет-магазином мебели, где картинки товаров «весили» больше мегабайта, и на мобильных устройствах сайт открывался несколько минут. Специально для оптимизации изображений с целью ускорения их загрузки в интернете сделано много программ.
- Попросить хостинг-провайдера изменить настройки серверов, на которых находится ваш сайт. Для блога тонкие настройки работы сервера могут быть одними, для интернет-магазина - другими. Есть и общие для всех сайтов настройки для ускорения. Например, на скорости загрузки скажется положительно, если сервер будет держать соединение с компьютером пользователя, пока не загрузятся все картинки на странице (обычно соединение рвется и устанавливается снова, на это уходит время). Другая настройка, которая влияет на скорость - включение и выключение сжатия передаваемых данных (к сжатию картинок не имеет отношения). Эти две опции часто бывают отключены. Нужно попросить хостинг-провайдера включить их.
- Сменить тариф хостинга или изначально выбирать такой тариф, который предполагает быстрое увеличение мощностей и применение индивидуальных настроек для ускорения загрузки. На обычном - shared - хостинге ни то, ни другое невозможно. Нужно арендовать у хостинг-провадйера виртуальные, облачные или, на худой конец, физические серверы.
Например, сервис Viber избежал падения и медленной работы, когда за первые три дня неожиданно получил миллион пользователей, благодаря тому, что арендовал хостинг в облаке у aws.amazon.com. Данные о новых пользователях попадали не на физические серверы, а на виртуальные. То есть они не хранились в каком-то конкретном месте, а записывались на множество серверов в том порядке, в котором данные распределяла специальная программа.
Мы тоже используем облачный хостинг, программное обеспечение для которого нам предоставилa компания Jelastic. Программа выделяет под сайт столько места на серверах, сколько ему нужно в данный момент. В этом случае вы арендуете не железку с ограниченным ресурсом, а услугу с возможностями для расширения, которые можно быстро использовать и платить только за реальное потребление. - Использовать «поддомены», то есть дополнительные хосты. С одного хоста бразуер загружает файлы в шесть потоков одновременно. Если сайт будет загружаться с двух хостов, то браузер откроет еще шесть потоков и загрузка будет происходить вдвое быстрее. Так делает, например, сайт сети «Связной», и в том числе поэтому, как нам кажется, он быстро загружается.
- Использовать «спрайты» и объединять несколько файлов со стилями и скриптами в один. Спрайт - это много изображений на сайте (кнопок, стрелок, картинок), объединенных в одно изображение. Один спрайт загружается на сайт быстрее, чем много маленьких файлов с отдельными картинками. Если на какой-то странице сайта одна часть спрайта нужна, а другая нет, то можно показывать только его часть.
- Файлы со стилями и Java-скриптами, которые несут информацию о том, как должен выглядеть ваш сайт, тоже лучше объединять для ускорения загрузки. Если таких технических файлов около 10 для каждой страницы, то лучше объединить их так, чтобы осталось два-три. Принцип объединения примерно тот же, что и у спрайтов. Только вместе складываешь не картинки, а текст.
Мы провели эксперимент: выполнили все эти рекомендации на наших новых тарифах хостинга и добились ускорения работы одного из интернет-магазинов в два раза. Уверен, что даже если вы выполните только одну или две рекомендации, положительный эффект не заставит долго ждать. Ускоряйте ваш сайт - это простой и действенный способ повысить конверсию и лояльность клиентов.
Автор: Андрей Шварцкопф, генеральный директор Русоникса
Статья опубликована на prograbli.ru
