Ускорение загрузки сайта: изображения, код, сервер

Находим, что именно тормозит сайт, — картинки, скрипты, сервер или база, — и исправляем по порядку, начиная с того, что даёт больше эффекта.

Собрать проект Типовой проект — 41 800 ₽

Медленный сайт теряет посетителей ещё до того, как они увидят предложение. Особенно на телефонах с мобильным интернетом: пока грузится слайдер на первом экране, человек возвращается в поиск. Ускорение — одна из немногих доработок, эффект которой видит каждый посетитель.

Причины обычно банальны. Фотографии по 5 МБ, загруженные прямо с фотоаппарата. Десяток сторонних скриптов: чаты, счётчики, виджеты отзывов, пиксели рекламы. Отсутствие кеша, из-за которого каждая страница собирается заново. Медленный запрос к базе в каталоге.

Начинаем с замера: смотрим полевые данные Core Web Vitals, если они есть, и лабораторные тесты на ключевых страницах. Цель по скорости согласуем после замера, а не обещаем заранее, потому что часть ограничений бывает на стороне хостинга или платформы.

Пороги Core Web Vitals, на которые ориентируемся

2,5 с

LCP — за это время должен отрисоваться главный элемент первого экрана

200 мс

INP — задержка реакции на нажатие или ввод

0,1

CLS — допустимый сдвиг элементов при загрузке

Это публичные пороги «хорошего» уровня от Google. Цель для вашего сайта согласуем после замера.

Калькулятор

Ускорение сайта — расчёт стоимости

Отраслевые модули уже отмечены. Уберите лишнее или добавьте нужное — сумма в счёте будет та же, что в смете.

Выберите пакет

Добавьте нужное

необязательно

+ 9 900 ₽

+ 7 900 ₽

+ 12 900 ₽

+ 14 900 ₽

+ 24 900 ₽

+ 9 900 ₽

+ 19 900 ₽

Ваша смета

Пакет «Спутник»24 000 ₽
Оптимизация изображений9 900 ₽
Ревизия сторонних скриптов7 900 ₽

Стоимость работ

0 ₽

Срок: 1–2 недели

Счёт сейчас: 41 800 ₽ — 100%, сумма до 50 000 ₽

Без регистрации. Счёт и анкета придут на почту сразу. Отчёт по каждой задаче и часам.

Что замедляет сайты сильнее всего

Видео и слайдер на первом экране

Тяжёлый первый экран задерживает всё остальное, особенно на телефоне.

Фото прямо с камеры

Изображение на несколько мегабайт показывается в рамке шириной 400 пикселей.

Все скрипты сразу

Чат, три счётчика и виджет отзывов грузятся раньше, чем текст страницы.

Каталог без кеша

Каждый переход по фильтру заново выполняет тяжёлый запрос к базе.

Что даёт эффект и сколько стоит усилий

Работа	Эффект	Сложность
Сжатие и современные форматы изображений	Высокий	Низкая
Отложенная загрузка сторонних скриптов	Высокий	Низкая
Кеш страниц на сервере	Высокий для каталогов	Средняя
Индексы и правки запросов к базе	Высокий для фильтров	Средняя
Переработка шаблона первого экрана	Средний	Высокая

Пример: сайт базы отдыха с галереей и онлайн-бронированием

Первый экран с видео и слайдером, 14 сторонних скриптов, фото номеров по 4–6 МБ. Пакет «Спутник» (24 000 ₽, 10 часов) + оптимизация изображений (9 900 ₽) + ревизия скриптов (7 900 ₽) + кеш страниц (12 900 ₽). Итог — 54 700 ₽ и 1–2 недели. Первый экран на телефоне показывается заметно быстрее, а виджет бронирования загружается только при нажатии на кнопку.

Собрать свой вариант

Вопросы и ответы

Вопросы об ускорении сайта

Вы гарантируете 100 баллов в PageSpeed?

Нет. Баллы лабораторного теста — ориентир, а не цель. Важнее, как быстро сайт открывается у реальных посетителей. Цель согласуем после замера, с учётом ограничений платформы.

Ускорение повлияет на позиции в поиске?

Скорость — один из многих факторов, и обещать рост позиций мы не будем. Зато посетителям будет удобнее, а это видно по поведению на сайте.

Нужно ли убирать счётчики и чаты?

Не обязательно. Часто достаточно загружать их после основной страницы или по действию посетителя. Убираем только то, чем действительно никто не пользуется.

Сайт быстрый на компьютере, но медленный на телефоне. Почему?

Телефон слабее и часто работает через мобильную сеть, поэтому тяжёлые скрипты и большие изображения сказываются на нём сильнее. Замеряем именно мобильную версию и оптимизируем в первую очередь её.

Нужно ли менять хостинг ради скорости?

Иногда да, если сервер перегружен соседями или устарел. Но сначала исправляем то, что зависит от сайта, — это дешевле и чаще всего даёт основной эффект.

Через полгода сайт снова станет медленным?

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

Смотрите также