Сайты, которые загружаются быстро, более приятны для посетителей, обычно имеют хороший рейтинг в поисковых системах и высокий коэффициент конверсии. Адаптация сайта под просмотр со смартфона также очень важна, ведь вряд ли пользователь захочет загружать с мобильного гаджета «бесконечную» страницу весом в 4Мб. Как ускорить работу сайта доступными способами и повысить конверсию?
Как скорость загрузки сайта влияет на ранжирование
Если раньше скорость загрузки страниц сайта не очень сильно влияла на ранжирование, то с июля 2018 года этот параметр учитывается в полном объеме. Сайты, которые загружаются очень медленно, могут запросто попасть под санкции. Ведь такие ресурсы предоставляют пользователям негативный опыт.
Знаменитый на весь мир интернет-магазин Shopzilla увеличил скорость загрузки своего сайта всего на 3 секунды. Вот какие результаты получились:
- снижение нагрузки на половину (50%);
- возрастание конверсии до 12%;
- увеличение статистики просмотра страниц на четверть (25%).
Такая статистика наглядно показывает пользу ускорения загрузки страниц онлайн-ресурса. Исследования доказали, что 75% посетителей перейдут на другой сайт, если нужный им не загрузился в первые секунды. Приемлемое ожидание ограничивается несколькими секундами. Показатель конверсии медленного сайта, который открывается более чем за 5 секунд, на 25% меньше, а показатель отказов на 50 % выше, чем у того, который загружается за секунду. Для 10% посетителей сайта низкая скорость загрузки является причиной отказа от покупки на данном ресурсе.
#1. Оптимизация картинок на сайте
Слишком большие картинки замедляют работу сайта. Очень важно адаптировать размер файлов картинок и сделать его оптимальным. Это же касается и прочих графических материалов (логотипы, графика и т.д.). Сегодня можно уменьшить размер картинки без потери ее качества. Главное — подобрать соответствующий сервис (EWWW Image Optimizer, Kraken).
#2. Минимизация круговых задержек (RTT)
Каждый запрос, который адресован к конкретному сайту, требует загрузки индивидуальных файлов (картинки, файлы CSS, JavaScript). Чтобы ускорить сайт, необходимо максимально минимизировать время приема-передачи. Несколько способов достижения этой цели:
- Если без редиректов не обойтись, то лучше использовать не JavaScript, а http.
- Не стоит использовать разные доменные имена при загрузке ресурса
- Чтобы минимизировать запросы, лучше объединить все файлы JavaScript в один.
- Все изображение лучше объединить со спрайтами CSS. Для этого можно использовать такие инструменты: Spriteme, Compass, SpritePad.
Также стоит избегать CSS @import. Использование тега вместо @import позволит браузеру одновременно загружать таблицы стилей, делая загрузку сайта еще более быстрой.
#3. Настройка параметров кэширования
Это позволит не генерировать множество запросов к базе данных при открытии страницы. Например, у вас магазин термосов. Обновление цен на них происходит раз в год. Если сохранить информацию о ценах в файле статичного типа и настроить его на обновление в автоматическом режиме ежегодно, то не нужно будет каждый раз проводить сложные серверные вычисления для выведения цены к каждому термосу. Произвести настройки параметров кеширования можно при помощи файла htaccess.
#4. Сокращение числа используемых плагинов и анализ кода
Иногда по неопытности разработчики подгружают плагин для реализации единичной подсказки. Такие трудозатраты совсем не оправданы, так как из сотни возможностей плагина используется всего одна-единственная. Остальные коды остаются нетронутыми. Чтобы устранить эту проблему, необходимо провести анализ кода сайта. По результатам следует убрать плагины, которые не используются. Вместо плагинов для реализации одной подсказки можно использовать CSS.
#5. Сокращение числа внешних скриптов
Конечно, использование «социальных кнопок» сегодня — полезный метод для продвижения сайта. Но в то же время загрузка сайта замедляется, ведь при нажатии кнопки «Поделиться» идет дополнительный запрос к внешним серверам. В тех случаях, когда это возможно, рекомендуется реализовать их отложенную загрузку.
При добавлении внешних скриптов необходимо учитывать, что в этом случае на сайт добавляются дополнительные шрифты, которые негативно влияют на скорость конверсии. Поэтому стоит взвешивать оправданность такого решения, не используя добавление лишних шрифтов для редкопосещаемыхстраниц. Чтобы повлиять на конверсию в позитивном ключе, стоит чаще пользоваться локальными скриптами, сократив количество внешних до минимума.
#6. Анализ мобильной версии сайта
Сайты обычного формата очень неудобно просматривать с мобильных устройств. В результате пользователь теряет терпение и покидает страничку. Чтобы этого не произошло, необходимо обязательно адаптировать сайт под смартфон, то есть сделать его мобильную версию. Для анализа эффективности мобильной версии можно использовать Google PageSpeed Insights. По окончанию аудита сервис выдаст необходимые советы по оптимизации ресурса.
#7. Использование облачных сервисов для видео и документов
Этот пункт подойдет, если на конкретном сайте используется много видеоматериалов и прочих материалов с большим весом. Если не использовать дополнительные облачные сервисы, то сервер будет очень перегружен. Для этих целей можно применить Dropbox/Yandex Disk/Google Drive или Youtube/Vimeo. Обычно такие услуги являются бесплатными.
#8. Использование быстрого хостинга
Этот совет из ряда очевидных, но все же стоит заострить на нем внимание. Смена хостинга может повлиять как лучшую, так и в худшую сторону относительно конверсии сайта. Если онлайн площадка раскрученная, с большим трафиком, то рисковать, размещая сайт на дешевом хосте, однозначно не стоит. К таким нежелательным вариантам относятся GoDaddy, Bluehost, Hostgator. Лучше не поскупиться и воспользоваться услугами Storm on Demand, WP Engine, LiquidWeb и ему подобным.
#9. Использование сети доставки контента (CDN)
Эти сервисы ускоряют отдачу контенту пользователю. Такие разработки будут актуальны для высоконагруженных проектов. Надежный CDN обеспечит беспроблемную транзакцию и достаточную скорость загрузки.
Какие еще преимущества использования Сети доставки контента:
- Нагрузка на сервер значительно снижается, благодаря эффективному использованию интерконнекта, магистральных сетей. Увеличивается пропускная способность каналов, уменьшаются затраты на доставку.
- Защита от DDoS-атак. Облачные решения позволяют остановить атаку до того, как она затронет центр обработки данных.
- Экономия средств. Вместо того, чтобы тратить деньги на отдельных поставщиков услуг, можно использовать только.
К тому же CDN обеспечивает глобальный охват, который позволяет сократить количество задержек, связанных с расстоянием. Задержки являются главным врагом быстрой конверсии — они снижают скорость загрузки и мешают проведению транзакций.
#10. Регулярное А/В тестирование
Без этого инструмента не будет понятно, что работает, а что нет. Рекомендуется начинать тестирование с областей сайта, которые конвертируются больше всего: посадочная и домашняя страницы, окончание постов в блоге, страницы с контактной информацией, прайс-страницы. Можно использовать специальные инструменты для распределения трафика и настройки сплит-тестов на сайте. Наличие статистических данных облегчит задачу ускорения конверсии.
Еще несколько способов увеличения конверсии:
- Изменение макета сайта. После анализа может оказаться, что посадочная страница не привлекает аудиторию.
- Организация обратной связи с посетителями через электронную почту. Это поможет наладить контакт с потенциальными клиентами.
- Использование интерактивного контента. В его число входит инфографика, анимированные лендинги, викторины.
- Создание бесплатного инструмента для генерирования трафика.
Для привлечения посетителей на сайт можно применять также социальные сети, которые не используют конкуренты. Небольшие социальные сети, например, для творческих людей или трейдеров открывают неограниченный доступ к целевой аудитории.
Если кроме ускорения загрузки сайта использовать еще и другие методы увеличения конверсии, то можно вывести свой сайт на высокое место в ранжировании, а значит — получить еще больше трафика в виде потенциальных покупателей.
