Представьте, что покупатель заходит в магазин, а дверь открывается только через пять секунд. Скорее всего, он развернётся и пойдёт к соседям. С сайтами происходит то же самое, только посетитель уходит ещё быстрее и даже не задумывается об этом. Медленная загрузка — одна из самых частых причин, по которым хороший сайт не приносит заявок.
Как скорость влияет на бизнес
Исследования поведения пользователей стабильно показывают одно и то же: с каждой дополнительной секундой загрузки растёт доля посетителей, которые уходят, не дождавшись открытия страницы. Особенно чувствительны мобильные пользователи — они часто открывают сайт на ходу, в метро или в очереди, при нестабильном соединении.
Скорость влияет не только на поведение людей, но и на поисковые системы. И Яндекс, и Google учитывают удобство страниц для пользователей, а скорость загрузки — важная часть этого удобства. Медленный сайт при прочих равных проигрывает быстрому в выдаче.
Кроме того, медленная загрузка дорого обходится в рекламе. Вы платите за каждый клик, но часть посетителей уходит до того, как увидела страницу. Фактически вы оплачиваете трафик, который так и не дошёл до сайта.
Какие метрики важны
Говоря о скорости, важно понимать, что именно измерять. Время полной загрузки всех ресурсов страницы не очень показательно — пользователю важно не то, когда загрузился последний скрипт, а когда он смог увидеть содержимое и начать с ним работать.
Отрисовка основного контента
Этот показатель отражает момент, когда на экране появился самый крупный элемент страницы — обычно главное изображение или заголовок. Именно в этот момент пользователь понимает, что страница загрузилась. Хорошим результатом считается время до двух с половиной секунд.
Задержка взаимодействия
Показывает, насколько быстро страница реагирует на действия пользователя — клик по кнопке, ввод текста, открытие меню. Если в этот момент браузер занят выполнением тяжёлых скриптов, реакция запаздывает, и сайт ощущается «тормозным».
Смещение макета
Отражает, насколько элементы страницы прыгают в процессе загрузки. Знакомая ситуация: вы собираетесь нажать на ссылку, а в последний момент сверху подгружается баннер, и вы попадаете не туда. Это раздражает пользователей и тоже учитывается поисковиками.
Главные причины медленной загрузки
За годы аудитов мы видели сотни медленных сайтов, и причины почти всегда одни и те же.
- Тяжёлые изображения: фотографии весом в несколько мегабайт, загруженные прямо с фотоаппарата
- Лишние скрипты: виджеты чатов, счётчики, пиксели рекламных систем, подключённые и забытые
- Отсутствие кэширования: сервер каждый раз заново собирает страницу для каждого посетителя
- Слабый хостинг: дешёвый тариф, на котором сайт делит ресурсы с сотнями соседей
- Неоптимизированные шрифты: несколько начертаний, каждое по сотне килобайт
- Перегруженные шаблоны: темы «на все случаи жизни» с десятками неиспользуемых функций
Что ускорить в первую очередь
Не нужно пытаться исправить всё сразу. Начните с того, что даёт максимальный эффект при минимальных затратах.
- Оптимизируйте изображения: переведите их в современные форматы, сожмите и отдавайте разные размеры для разных экранов
- Включите отложенную загрузку для картинок, которые находятся ниже первого экрана
- Проведите ревизию сторонних скриптов и удалите всё, что не используется
- Настройте кэширование страниц и статических файлов
- Подключите сжатие на сервере
- Перенесите сайт на нормальный хостинг или подключите сеть доставки контента
На одном из проектов простая оптимизация изображений и удаление трёх забытых виджетов сократили время загрузки главной страницы почти вдвое. Работа заняла два дня.
Как мы закладываем скорость при разработке
Ускорять готовый сайт всегда сложнее, чем сделать его быстрым изначально. Поэтому мы думаем о производительности с первого дня проекта.
На этапе дизайна мы следим за тем, чтобы первый экран не был перегружен тяжёлыми элементами. На этапе вёрстки используем лёгкие компоненты, подключаем только нужные начертания шрифтов и резервируем место под изображения, чтобы макет не прыгал. На этапе программирования настраиваем кэширование, оптимизируем запросы к базе данных и минимизируем объём кода, который отправляется в браузер.
Перед запуском каждый проект проходит проверку скорости на разных устройствах и типах соединения. Мы проверяем не только главную, но и самые посещаемые внутренние страницы — каталог, карточки товаров, страницы услуг.
Мобильная скорость
Отдельного внимания заслуживает мобильная версия. Большая часть трафика на большинство сайтов сегодня приходится на смартфоны, а мобильные устройства слабее компьютеров и часто работают через медленный интернет. Сайт, который быстро открывается на рабочем компьютере в офисе, может мучительно долго грузиться на телефоне.
Поэтому измерять скорость нужно именно в мобильном режиме, с имитацией медленного соединения. Именно такие условия ближе всего к реальности для значительной части ваших посетителей.
Скорость как постоянная задача
Даже идеально оптимизированный сайт со временем замедляется. Контент-менеджеры загружают тяжёлые фото, маркетологи подключают новые счётчики, разработчики добавляют функции. Поэтому скорость нужно регулярно контролировать — хотя бы раз в квартал проводить проверку и устранять появившиеся проблемы.
Мы включаем мониторинг производительности в договор на техническую поддержку. Если скорость какой-то страницы падает ниже допустимого уровня, мы узнаём об этом и разбираемся в причинах до того, как это скажется на заявках.
Чем проверять скорость
Для оценки скорости есть бесплатные инструменты от поисковых систем и браузеров. Они показывают ключевые метрики, дают рекомендации и позволяют сравнить результаты в мобильном и десктопном режиме. Но лабораторные замеры — это только часть картины. Гораздо ценнее данные реальных пользователей, которые собираются в отчётах поисковых систем и систем аналитики. Именно они показывают, как сайт работает у ваших посетителей, на их устройствах и с их интернетом.
Мы рекомендуем фиксировать результаты замеров до и после каждой оптимизации. Так становится понятно, какие изменения действительно дали эффект, а какие можно было не делать. А сравнение со скоростью двух-трёх ключевых конкурентов помогает понять, насколько вы отстаёте или опережаете рынок.
Итог
Скорость загрузки — это не техническая мелочь, а фактор, который напрямую влияет на продажи, позиции в поиске и эффективность рекламы. Начните с простых шагов: оптимизируйте изображения, уберите лишние скрипты, настройте кэширование. А если планируете новый сайт — заложите требования к производительности в техническое задание с самого начала.