Скорость загрузки сайта: почему это важно и как улучшить

3 секунды. Столько готов ждать средний пользователь, пока загрузится сайт. Если страница грузится дольше — 53% мобильных пользователей просто закрывают вкладку и уходят к конкуренту. Вы можете вложить деньги в рекламу, привести людей на сайт — и потерять их из-за медленной загрузки.

В этой статье разберём, как скорость влияет на бизнес, как её проверить и 7 конкретных способов ускорить сайт.

Как скорость влияет на конверсию

Зависимость скорости загрузки и поведения пользователей подтверждена исследованиями крупных компаний:

Конкретные цифры:

• Задержка в 1 секунду снижает конверсию на 7%.
• Если интернет-магазин зарабатывает 100 000 рублей в день — секунда задержки стоит 7 000 рублей ежедневно.
• Мобильные пользователи ещё нетерпеливее: на телефоне ожидания ниже, а соединение часто медленнее.

Для малого бизнеса каждый посетитель на вес золота. Если из 50 дневных посетителей 10 уходят из-за медленного сайта — вы теряете 200-300 потенциальных клиентов в месяц.

Как скорость влияет на SEO

С 2021 года Яндекс официально учитывает скорость загрузки как фактор ранжирования. Google делает это ещё дольше — с 2018 года.

Что именно оценивают поисковые системы:

• LCP (Largest Contentful Paint) — время загрузки основного контента страницы. Должно быть менее 2.5 секунд.
• FID (First Input Delay) — время реакции на первое действие пользователя (клик, нажатие). Должно быть менее 100 мс.
• CLS (Cumulative Layout Shift) — визуальная стабильность. Элементы не должны «прыгать» во время загрузки.

Яндекс не ставит скорость на первое место — контент и релевантность по-прежнему важнее. Но при прочих равных быстрый сайт будет выше медленного.

Как проверить скорость сайта

Прежде чем оптимизировать — нужно измерить. Вот бесплатные инструменты:

PageSpeed Insights (Google)

Адрес: pagespeed.web.dev

Самый популярный инструмент. Анализирует мобильную и десктопную версию. Даёт оценку от 0 до 100 и конкретные рекомендации по улучшению.

Яндекс.Вебмастер

Адрес: webmaster.yandex.ru → Диагностика → Скорость загрузки.

Показывает скорость с точки зрения Яндекса. Если ваш бизнес ориентирован на российскую аудиторию — это приоритетный инструмент.

GTmetrix

Адрес: gtmetrix.com

Подробный анализ с «водопадной» диаграммой загрузки — видно, какие файлы грузятся дольше всего.

Совет: проверяйте скорость с мобильного устройства. 70% пользователей заходят на сайт с телефона, и скорость мобильной версии обычно ниже.

7 способов ускорить сайт

1. Оптимизация изображений

Изображения — главная причина медленной загрузки. Одна фотография с телефона весит 3-5 МБ. Для сайта достаточно 50-200 КБ.

Что делать:

• Формат WebP — весит на 30-50% меньше, чем JPEG, при том же качестве. Все современные браузеры его поддерживают.
• Сжатие — используйте сервисы tinypng.com или squoosh.app перед загрузкой на сайт.
• Размер — не загружайте фото 4000x3000 пикселей, если на сайте оно показывается размером 800x600. Уменьшите заранее.
• Lazy loading — загружайте изображения только когда пользователь до них доскроллит. Это ускоряет первоначальную загрузку.

Результат: оптимизация изображений обычно ускоряет сайт на 40-60%.

2. Минификация CSS и JS

Минификация — это удаление пробелов, комментариев и переносов строк из файлов стилей (CSS) и скриптов (JS). Файлы становятся меньше, загружаются быстрее.

Пример:

/* До минификации — 120 символов */
.header {
  background-color: #ffffff;
  padding: 20px;
  margin: 0 auto;
}

/* После минификации — 62 символа */
.header{background-color:#fff;padding:20px;margin:0 auto}

Конструкторы сайтов делают минификацию автоматически. Если вы делаете сайт самостоятельно — используйте сборщики (Vite, Webpack) или онлайн-инструменты.

3. Кеширование браузера

Когда пользователь заходит на сайт повторно, браузер может загрузить часть файлов из локального кеша (памяти), а не скачивать их заново.

Что кешировать:

• Изображения — на 30 дней
• CSS и JS файлы — на 7-30 дней
• Шрифты — на 365 дней

Как настроить: через файл .htaccess (для Apache) или конфигурацию Nginx. На конструкторах сайтов кеширование настроено по умолчанию.

4. Правильный хостинг

Дешёвый хостинг за 100-200 рублей в месяц — одна из частых причин медленного сайта. Сервер перегружен сотнями других сайтов, и вашему не хватает ресурсов.

Рекомендации:

Важно: выбирайте хостинг с серверами в России. Если сервер в Германии, а клиенты в Москве — каждый запрос путешествует 3000 км туда и обратно.

5. CDN для статики

CDN (Content Delivery Network) — это сеть серверов по всему миру (или стране), которые хранят копии ваших файлов. Пользователь получает файлы с ближайшего сервера.

Когда нужен CDN:

• Аудитория по всей России (от Калининграда до Владивостока).
• На сайте много изображений и видео.
• Трафик более 500 визитов в день.

Когда не нужен:

• Локальный бизнес в одном городе.
• Сайт-визитка с 5-10 страницами.

Российские CDN: Selectel CDN, VK Cloud CDN, Yandex Cloud CDN.

6. Удаление ненужных скриптов

Каждый внешний скрипт — это дополнительный запрос к стороннему серверу. Чем больше скриптов — тем медленнее загрузка.

Типичные «тяжёлые» скрипты:

• Виджеты онлайн-чатов (JivoSite, Carrot quest) — добавляют 200-500 мс
• Пиксели социальных сетей (VK, Facebook) — добавляют 100-300 мс
• Несколько аналитических систем одновременно — если стоят Метрика, Google Analytics, Hotjar, Mail.ru — оставьте одну-две
• Устаревшие виджеты, которые вы поставили и забыли

Правило: каждый скрипт на сайте должен быть оправдан. Если виджет чата не приносит заявок — удалите его.

7. Правильная загрузка шрифтов

Кастомные шрифты (Google Fonts, самозагруженные) могут замедлять сайт на 300-800 мс.

Рекомендации:

• Используйте не более 2 шрифтов — один для заголовков, один для текста.
• Ограничьте начертания — не загружайте 9 начертаний, если используете только Regular и Bold.
• Формат WOFF2 — весит на 30% меньше, чем TTF.
• font-display: swap — текст показывается системным шрифтом, пока загружается кастомный. Пользователь не видит пустой экран.
• Разместите шрифты на своём сервере — загрузка с Google Fonts требует дополнительного DNS-запроса.

Как конструкторы сайтов решают проблему скорости

Если вы создаёте сайт на конструкторе — большинство оптимизаций уже сделаны за вас:

Именно поэтому сайты на современных конструкторах часто быстрее, чем самописные — потому что оптимизацией занимаются инженеры платформы, а не владелец бизнеса.

Что проверить прямо сейчас

1. Откройте pagespeed.web.dev и введите адрес вашего сайта.
2. Посмотрите оценку для мобильной версии (именно мобильной — она важнее).
3. Если оценка ниже 50 — начните с оптимизации изображений (способ 1). Это даст самый быстрый и заметный результат.
4. Если оценка 50-89 — пройдитесь по рекомендациям PageSpeed и внедрите доступные улучшения.
5. Если оценка 90+ — отлично, сосредоточьтесь на контенте и маркетинге.

Помните: скорость сайта — это не одноразовое действие. Каждый раз, когда вы добавляете новые фотографии или подключаете виджет — проверяйте, как это влияет на загрузку.

На Росток Онлайн скорость загрузки — приоритет. Все изображения автоматически сжимаются и конвертируются в WebP, CSS и JS минифицируются, кеширование и CDN включены в каждый тариф. Средняя оценка PageSpeed для сайтов на платформе — 90+.

Создать сайт бесплатно — быстрый сайт, который не теряет клиентов.