Скорость загрузки сайта: почему она важна и как ускорить сайт
Сайт может быть красивым и с отличными текстами — и терять половину посетителей, потому что грузится пять секунд. Разбираю, как проверить скорость загрузки сайта, что чаще всего его тормозит и 10 способов ускорить, на примере этого сайта.
- Медленный сайт теряет посетителей до первого экрана, особенно с телефона.
- Проверка — PageSpeed Insights: смотрите оценку для телефона и список рекомендаций.
- Тормозят чаще всего тяжёлые картинки, шрифты, сторонние скрипты и анимации.
- Цель на моих сайтах — 95+ в PageSpeed на телефоне и компьютере.
Почему скорость важна
Посетитель с телефона на мобильном интернете не ждёт: если первый экран не появился за пару секунд, он возвращается в поиск. Вы платите за этот клик в рекламе или долго добивались позиции — и теряете человека, который даже не увидел оффер.
Как проверить скорость
Проверка за 5 минут
- 01PageSpeed InsightsАдрес сайта → оценка для телефона и ПК
- 02Главные метрикиСкорость первого экрана, сдвиги вёрстки
- 03РекомендацииЧто именно тормозит: файлы и размеры
- 04С телефонаОткройте сайт на мобильном интернете сами
Что тормозит сайт
| Причина | Как выглядит |
|---|---|
| Тяжёлые картинки | Фото по 3–5 МБ, PNG вместо WebP, картинки больше, чем нужно |
| Шрифты | Несколько начертаний целиком, загрузка с внешних серверов |
| Скрипты | Счётчики, виджеты и чаты грузятся раньше содержимого |
| Анимация и эффекты | Размытия и тени на больших площадях, тяжёлое видео на первом экране |
| Сервер | Медленный ответ хостинга |
10 способов ускорить сайт
- Картинки — в WebP и нужного размера, а не «как с фотоаппарата».
- У картинок заданы размеры — тогда вёрстка не прыгает при загрузке.
- Картинки ниже первого экрана грузятся лениво — только когда до них долистали.
- Шрифты — свои файлы с нужным набором символов, а не целиком.
- Скрипты не блокируют первый экран — загружаются после содержимого.
- Счётчики и виджеты — после первого действия посетителя или через пару секунд.
- Тяжёлые эффекты — заранее в картинку, а не расчёт в браузере.
- Видео — без автозагрузки, с обложкой.
- Стили — один сжатый файл.
- Нет лишних внешних сервисов, которые тянут файлы с чужих серверов.
Как это сделано на этом сайте
Картинки — в WebP с уменьшенными копиями под экран, шрифты урезаны до нужных символов, Метрика загружается только после согласия на cookie и первого действия посетителя, все файлы — с нашего хостинга. Так я делаю каждый сайт по умолчанию, без отдельной просьбы. Если ваш сайт медленный и устарел — посмотрите страницу «Редизайн сайта».
Частые вопросы
Как проверить скорость загрузки сайта?
Бесплатно — в PageSpeed Insights от Google: введите адрес и смотрите оценку для телефона и компьютера и список рекомендаций. Важнее всего — оценка на телефоне.
Какая скорость загрузки считается хорошей?
Ориентир — оценка PageSpeed 90+ и первый экран, который появляется за 1–2 секунды на мобильном интернете. Я закладываю цель 95+ на каждом сайте.
Влияет ли скорость сайта на позиции в поиске?
Скорость — один из факторов, но главное для позиций — содержание страниц. Зато на заявки скорость влияет напрямую: медленный сайт закрывают, не дождавшись первого экрана.
