Скорость загрузки сайта: что её убивает и как её вернуть
2 августа 2026 г. · 6 мин чтения
Коротко: скорость сайта — это деньги, если на него идёт платная реклама, и позиции, если вы растёте в поиске. В большинстве случаев тормозят три вещи: тяжёлые картинки, лишние шрифты и чужие скрипты — счётчики, чаты, виджеты.
Медленный сайт редко выглядит сломанным. Он просто открывается на секунду-две дольше, чем человек готов ждать, — и часть посетителей уходит обратно в выдачу, не увидев ни одного вашего аргумента. Заметить это по самому сайту невозможно: у вас он открывается мгновенно, потому что уже лежит в кэше браузера и грузится по офисному вайфаю.
Почему скорость вообще важна
Две причины, и обе практические. Первая — поведение людей. На мобильном интернете, в метро или за городом, разница между «открылось сразу» и «крутится колесо» решает, останется человек или нет. Особенно жёстко это работает на платной рекламе: за клик вы уже заплатили, а страница ещё не показалась.
Вторая — поисковые системы. Google оформил требования к скорости в набор метрик Core Web Vitals и учитывает их при ранжировании; Яндекс даёт свои рекомендации в Вебмастере и отдельный отчёт по времени загрузки в Метрике. Скорость не выведет слабый сайт в топ, но медленный сайт при прочих равных проигрывает быстрому.
Что чаще всего тормозит сайт
Причин может быть много, но в реальных проектах почти всегда работает один и тот же короткий список.
| Причина | Как проявляется | Что делать |
|---|---|---|
| Тяжёлые фотографии | Одна картинка весит больше, чем вся остальная страница | Сжать, перевести в WebP или AVIF, отдавать размер под экран |
| Много шрифтов и начертаний | Текст появляется с задержкой или «прыгает» при подстановке | Оставить один-два шрифта и только нужные начертания |
| Счётчики, пиксели, чаты, виджеты | Страница как будто загрузилась, но не реагирует на нажатия | Убрать лишние, оставшиеся подгружать после основного содержимого |
| Тяжёлые видео и анимации на первом экране | Долгая пустая область сверху, особенно на телефоне | Заменить статичным кадром, видео включать по действию пользователя |
| Универсальная платформа или конструктор | Грузится общий набор скриптов, даже если блоков на странице три | Убрать неиспользуемые модули, а при упоре в потолок — переходить на своё решение |
| Дешёвый или перегруженный хостинг | Сервер долго отвечает, даже когда страница лёгкая | Проверить время ответа сервера, при необходимости сменить тариф или хостера |
Как проверить скорость
Три способа, которые дополняют друг друга. Пользуйтесь всеми тремя: каждый показывает свою часть картины.
- 1PageSpeed Insights от Google. Вставляете адрес страницы и получаете оценку отдельно для мобильных и для компьютеров, а главное — список конкретных проблем: какие картинки тяжёлые, что блокирует отрисовку, сколько неиспользуемого кода. Смотрите в первую очередь мобильную вкладку: там условия ближе к реальности.
- 2Вкладка Network в браузере. Откройте инструменты разработчика, вкладку Network, включите ограничение скорости (throttling) и перезагрузите страницу с очисткой кэша. Отсортируйте запросы по размеру — вы увидите ровно те файлы, которые съедают вес. Обычно сверху оказываются две-три картинки.
- 3Обычный телефон на мобильном интернете. Самая честная проверка. Не «есть ли ошибки», а «сколько вы сами готовы ждать». Проверьте не только главную, но и страницу, на которую ведёт реклама, и форму заявки.
Картинки: главный источник веса
В девяти случаях из десяти сайт тормозят фотографии. Их загружают напрямую с телефона или из фотостока — по несколько мегабайт каждую, — а браузер потом честно тащит этот вес по мобильной сети. Что с этим делать:
- Формат. Вместо JPEG и PNG используйте WebP или AVIF: при том же качестве они весят заметно меньше, и их понимают все актуальные браузеры. Для логотипов и иконок — SVG, он вообще почти ничего не весит.
- Размер под экран. Картинка шириной 4000 точек в блоке шириной 600 точек — это выброшенный трафик. Готовьте несколько размеров и отдавайте подходящий (в вёрстке за это отвечают srcset и sizes).
- Отложенная загрузка. Всё, что ниже первого экрана, должно грузиться по мере прокрутки — атрибут loading="lazy". Но первую, главную картинку экрана ленивой делать не надо: её как раз нужно показать быстрее всего.
- Заданные размеры. У каждой картинки должны быть указаны ширина и высота, иначе при загрузке вёрстка прыгает и человек нажимает не туда. Поисковые системы это тоже считают отдельной проблемой.
- Количество. Двадцать фотографий в галерее на главной — почти всегда решение в пользу дизайнера, а не клиента. Оставьте лучшие, остальное — на отдельную страницу.
Шрифты, счётчики и виджеты
Шрифты грузятся до того, как показать текст, поэтому лишние начертания стоят дорого. Обычному сайту хватает одного шрифта в двух-трёх начертаниях. Файлы лучше держать у себя, а не подтягивать со стороннего сервиса: меньше внешних соединений и меньше зависимости от чужой доступности.
Отдельная история — чужие скрипты. Метрика, рекламные пиксели, онлайн-чат, виджет обратного звонка, карта, форма подписки, кнопка мессенджера — каждый из них выглядит безобидно, но вместе они дают заметную задержку. Причём обычно не в показе страницы, а в реакции: картинка уже есть, а кнопка не нажимается. Правило простое: оставьте те, которыми вы реально пользуетесь, и подключайте их после основного содержимого, а тяжёлые — вроде карты или чата — по действию пользователя.
Что делать по шагам
Порядок работ: от самого выгодного к необязательному
- Прогнать страницу через PageSpeed Insights и открыть сайт с телефона на мобильном интернете — зафиксировать точку отсчёта.
- Найти в Network три самых тяжёлых файла. Почти наверняка это картинки — сжать их и перевести в WebP или AVIF.
- Проверить, какие картинки грузятся до первого экрана. Всё остальное перевести на отложенную загрузку.
- Проставить размеры изображениям, чтобы вёрстка не прыгала при загрузке.
- Сократить шрифты до одного-двух и убрать неиспользуемые начертания.
- Просмотреть список подключённых скриптов и виджетов, удалить всё, чем не пользуетесь.
- Оставшиеся сторонние скрипты подключить отложенно, тяжёлые — по нажатию.
- Проверить время ответа сервера: если оно велико при лёгкой странице, дело в хостинге, а не в вёрстке.
- Повторно замерить и сравнить с точкой отсчёта — и заодно посмотреть в Метрике, изменились ли отказы.
Первые три пункта обычно дают основную часть результата и делаются за один вечер. Всё, что после, — уже работа по шлифовке, и её имеет смысл вести, когда простое закончилось. Если же сайт тормозит из-за самой платформы и упирается в её потолок, разгонять его дальше бессмысленно: это тот случай, когда дешевле сделать заново, чем чинить.
Хотите увидеть свои цифры? Проверьте сайт бесплатно: покажем время загрузки, вес страницы, вид с телефона и что именно тормозит. Без регистрации, отчёт за 20 секунд.
Проверить свой сайтЧастые вопросы
Какая скорость загрузки считается нормальной?
Ориентируйтесь не на абстрактную цифру, а на ощущение: на телефоне при обычном мобильном интернете основное содержимое должно появляться за пару секунд, вёрстка не должна прыгать, кнопки — нажиматься сразу. В PageSpeed Insights полезнее смотреть на список проблем, чем на итоговый балл.
Влияет ли скорость на позиции в поиске?
Да, но не решающим образом. У Google есть набор метрик Core Web Vitals, который учитывается при ранжировании, Яндекс тоже рекомендует следить за временем загрузки. При этом быстрый сайт со слабым содержимым не обгонит медленный, но полезный, — скорость работает как усилитель, а не как замена смыслу.
Почему сайт быстро открывается у меня и медленно у клиентов?
У вас он уже в кэше браузера и открывается по хорошему интернету. Проверяйте в режиме инкогнито, с телефона, с отключённым вайфаем — и лучше не только главную, но и страницу, на которую ведёт реклама.
Можно ли ускорить сайт на конструкторе?
Частично: сжать картинки, убрать лишние виджеты и шрифты можно на любой платформе, и это уже даёт результат. Но управлять тем, что и в каком порядке грузит сама платформа, вы не можете, поэтому у ускорения есть потолок.
Посмотрите свой сайт до того, как за него платить
Сделаем демо главной страницы за 6 часов и бесплатно. Не понравится — расходимся, вы ничего не должны.
Получить бесплатное демо