Как ускорить сайт: что тормозит загрузку и как это исправить
Медленный сайт теряет посетителей ещё до первого экрана, особенно на мобильном интернете. Хорошая новость: в большинстве случаев виноваты несколько типичных причин, и их можно найти за полчаса.
Сначала замер
Скорость проверяют на мобильном: именно там её не хватает. Откройте наш инструмент проверки скорости или Google PageSpeed и посмотрите две вещи: сколько времени проходит до появления главного содержимого и что больше всего весит. Замерьте главную и две-три страницы услуг, а не только главную.
Частые причины
| Причина | Как понять | Что сделать |
|---|---|---|
| Тяжёлые картинки | Фото весят мегабайты | Сжать, перевести в WebP, задать размеры |
| Лишние скрипты | Много виджетов, чатов, счётчиков | Убрать ненужные, отложить загрузку остальных |
| Шрифты | Текст появляется с задержкой | Подключить свои шрифты с правильной загрузкой |
| Медленный сервер | Долгий ответ даже на простой странице | Кэш, сжатие, другой тариф или хостинг |
| Видео в первом экране | Ролик грузится сразу | Показывать картинку, а видео загружать позже |
Картинки
Самая частая проблема и самое простое решение. Фото с телефона или фотоаппарата весит 3–8 МБ, а на сайте достаточно 100–300 КБ. Сжимайте картинки, используйте формат WebP, загружайте изображения ниже первого экрана по мере прокрутки и указывайте размеры, чтобы страница не прыгала при загрузке.
Скрипты и виджеты
Онлайн-чат, кнопки соцсетей, несколько счётчиков, карта, видео, всплывающие окна: каждый виджет добавляет запросы и тормозит страницу. Пройдитесь по списку и оставьте только то, что приносит пользу. Остальное подключайте с задержкой, после загрузки основного содержимого.
Шрифты
Если текст появляется с задержкой или «прыгает», дело в шрифтах. Подключайте только нужные начертания и наборы символов, храните шрифты на своём сервере и настраивайте показ текста до их загрузки.
Сервер и кэш
Если даже простая страница отвечает дольше секунды, проблема на сервере. Включите сжатие и кэширование файлов, проверьте тариф хостинга. Сайты на системах управления часто ускоряют плагинами кэширования, а сайты с готовыми страницами быстрые сами по себе, об этом статья про статический сайт.
Если сайт на конструкторе
На конструкторе можно сжать картинки, убрать тяжёлые блоки и лишние подключённые сервисы. Ограничения самой платформы обойти нельзя. Если после чистки сайт всё равно медленный, это повод подумать о переезде.
Что даст ускорение
Быстрый сайт теряет меньше посетителей, особенно с рекламы, где каждый клик оплачен. Поиск тоже учитывает скорость. Но ускорение не заменяет понятных текстов и цен: если сайт быстрый, но непонятный, заявок не станет больше. О том, почему сайт может не приносить заявки при хорошей скорости, мы писали в статье почему сайт не приносит заявок.
Когда звать специалиста
Если простые шаги не помогли, нужен разбор: что именно блокирует показ страницы, какие запросы лишние, где тормозит сервер. Это работа на несколько дней, после которой видно разницу в замерах. Подробнее на странице ускорения сайта.
Разберём вашу ситуацию и скажем, что даст результат быстрее всего. Без обязательств.
