Содержание
Почему для маркетологов важна скорость загрузки сайта?
Сейчас на мобильных устройствах совершается намного больше покупок, чем когда бы то ни было прежде. Но чаще всего сайты для электронной коммерции разочаровывают пользователей. Как следствие, потери потенциальных клиентов и упущенные коммерческие возможности. Google совместно с компанией SOASTA решили выяснить, из-за чего собственно снижается эффективность продвижения мобильных сайтов.
Покупатели ожидают, что бренды предоставят им подходящий UX. Но, к сожалению, реальность такова, что многие мобильные сайты не дотягивают до желаемого уровня.
Для справки: у среднестатистического мобильного сайта важнейшие метрики вовлечения ниже, чем у десктопного аналога. Речь идет о таких показателях, как среднее время посещения сайта, число страниц за одно посещение, процент отказов… От этого в особенности страдают ритейлеры, поскольку 30% всех онлайн-покупок осуществляется посредством мобильных телефонов.
По данным на июль этого года, средняя скорость загрузки американских сайтов составляла 6.9 секунд, но результаты еще более поздних исследований свидетельствуют о том, что 40% покупателей уходят со страницы, которая загружается больше трех секунд. И 79% пользователей, разочарованных работой конкретного сайта, говорят, что вряд ли попытаются вновь сделать покупку на том же интернет-ресурсе.
Как улучшить мобильный опыт взаимодействия?
Попытайтесь узнать, каким образом ваша бизнес-организация может разработать мобильный сайт или приложение с качественно новым UX.
Хорошая новость для маркетологов состоит в том, что улучшить скорость мобильного сайта можно и без навыков разработчика. Составив представление о том, как рекламные кампании или контент влияют на производительность сайта, можно будет устранить потенциальные проблемы.
Новые способы узнать о производительности сайта
Всем известно, что из-за низкой скорости мобильного сайта теряются клиенты. Чтобы получить больше сведений относительно производительности сайтов, SOASTA совместно с Google вместо олдскульных исследовательских методов использовали технологию машинного обучения — при таком подходе задействуется специальный алгоритм, идентифицирующий взаимосвязи в большом объеме данных.
Были разработаны две модели: одна позволяет спрогнозировать конверсии, другая — процент отказов. Исходной информацией стали фактические данные площадок для электронной коммерции, соотносящиеся с 93 различными метриками — от форматов изображений до количества скриптов. Другими словами, эти две модели позволили установить, какие особенности создания мобильного сайта способствуют покупкам, а какие провоцируют отказы. Точность модели прогноза конверсии была на уровне 93%; модель, позволяющая спрогнозировать процент отказов, оказалась еще точнее — 96%.
Сложные страницы ухудшают конверсию
Запутанные, неудобные страницы снижают вероятность того, что покупатели в конечном итоге конвертируются, — факт самоочевидный. Но что подразумевается под «усложненными» страницами? Рассмотрим более детально главные аспекты, которые негативно сказываются на конверсии: число элементов на странице и число изображений.
1) Число элементов на странице
Чем больше элементов, тем тяжелее и сложнее страница. Типичная веб-страница сегодня весит примерно 2,486 Кб и содержит сотни (или около того) ресурсов, которые размещаются на десятках серверов. Многие из этих ресурсов не оптимизированы, за ними не ведется мониторинг, поэтому влияние их остается непредсказуемым. Отсюда и непостоянство в том, как загружается страница.
Как выяснилось, именно по количеству элементов на странице проще всего спрогнозировать конверсии. Если рассматривать сессии целиком, можно отметить, что показатели конверсии ниже у страниц, на которых присутствует больше изображений и прочих дизайнерских особенностей. Другими словами, число элементов является, пожалуй, ключевым фактором, который влияет на производительность сайта.
Вывод. Владельцы сайта могут установить определенный ориентир для загрузки, к примеру, не более трех секунд. А затем убрать все лишние элементы, из-за которых время загрузки увеличивается. Можно также проводить на сайте аудит и мониторинг всех скриптов сторонних разработчиков, которые замедляют загрузку.
2) Число изображений
В ходе исследования обнаружилось, что число изображений на странице является вторым по важности аспектом, который влияет на конверсию. Зачастую у сайтов для ритейла на графические элементы (иконки, логотипы изображения продукции) приходится до двух третей от общего веса веб-ресурса; а это сотни килобайт. Как итог, замедление загрузки на протяжении пользовательской сессии.
Во время сессий, которые заканчиваются конверсиями, пользователям встречается на 38% изображений меньше, чем во время неконверсионных сессий.
Вывод. Чтобы удостовериться в том, что загрузка мобильной страницы оптимизирована по максимуму, стоит проверить формат изображений. К примеру, сохранение простой графики в JPEG, а не в PNG, уменьшает размер файла наполовину. Изображения должны сжиматься в соответствующем формате; существуют специальные техники оптимизации.
Медленные страницы увеличивают процент отказов
Такой показатель, как процент отказов (число пользователей, которые ушли с сайта после посещения только лишь одной страницы) очень зависим от скорости. Два главных аспекта, которые влияют на процент отказов — время полной загрузки сайта и время, которое уходит на получение и обработку HTML-кода браузером.
1) Время получения и обработки HTML-кода браузером
Можно провести аналогию со временем, которое уходит на подготовку всего необходимого для приготовления обеда. Повар достает поваренную книгу, раскрывает перед собой рецепт, выкладывает на стол необходимые ингредиенты. Обработка кода проходит незаметно для пользователей, однако это должно произойти раньше загрузки визуальных элементов.
В общем, в тех случаях, когда время получения и обработки HTML-кода было слишком продолжительным, пользователи чаще закрывали сайты в браузере. В рамках исследования было установлено, что у сессий, которые заканчиваются отказами, это время на 55% продолжительнее.
Более того, процент отказов был еще выше, если при посещении ресурса первая страница грузилась медленнее, чем другие страницы. Это очередное подтверждение старого правила о том, что первое впечатление практически не изглаживается. Если сайт сразу показался пользователю медленным, он с большей вероятностью закроет его позже. Очевидно, такое начальное взаимодействие оставляет свой заметный след и формирует восприятие сайта в целом — в дальнейшем пользователи становятся менее терпеливыми.
Вывод. Один из способов поисковой оптимизации сайта, ускорить время получения и обработки HTML-кода браузером — отказаться от JavaScript, блокирующего анализ кода. Распространенные элементы JavaScript — реклама сторонних разработчиков, аналитика, социальные виджеты — необходимо получить с внешнего сервера прежде, чем происходит их фактическая загрузка.
Это сравнимо с ситуацией, когда официанту ресторана, уже готовому подать заказанное блюдо, приходится ждать, пока принесут соль и перец из другого ресторана.
2) Время полной загрузки сайта
Еще одна составляющая скорости загрузки — это те секунды, которые уходят на полную загрузку (в т.ч. загрузку изображений, шрифтов, CSS-кодов и прочего). Среднее время загрузки мобильного сайта для сессий, завершающихся отказами, на 2.5 секунды больше, чем для сессий, когда отказов нет.
Это крайне важная для веб-индустрии статистика, поскольку все еще бытует мнение о том, что время загрузки страницы — совершенно бесполезная метрика. Ею не стоит пренебрегать, так как между временем загрузки сайта и процентом отказов прослеживается устойчивая взаимосвязь.
Вывод. В этой статье были упомянуты несколько способов улучшения скорости загрузки сайта; в частности, оптимизация изображений и устранение файлов сторонних разработчиков. Ко всему прочему можно оптимизировать шрифты и структурировать веб-страницы, чтобы они обрабатывались быстрее и не мешали загрузке других деталей страницы.
Как проанализировать скорость мобильного сайта?
Вначале следует понять что, собственно, необходимо оптимизировать на сайте и до какой степени. В качестве первого шага можно протестовать работу сайта с помощью сервиса testmysite.thinkwithgoogle.
Результаты этого исследования привели к появлению нового открытого исходного кода, который доступен на GitHub и применим к любому сайту. Веб-разработчики могут использовать этот код для анализа показателей эффективности бизнеса и поиска ответов на примерно следующие вопросы:
- Какие аспекты сайта больше всего влияют на бизнес-метрики?
- На каких метриках следует сосредоточиться?
- Насколько быстрым должен быть сайт, чтобы изменения в статистике конверсий и отказов стали заметны?
- Какова рентабельность затрат на улучшение производительности сайта?
- Во сколько компании обходится медленный сайт?
