Статьи

Почему сайт медленный и как его ускорить: чек-лист

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

3 мин чтенияОбновлено

Пользователь уходит со страницы, если она долго не появляется. А Google учитывает скорость при выборе позиций. Поэтому медленный сайт теряет и посетителей, и позиции в поиске. Ниже показываю, как измерить скорость, что чаще всего её портит и с чего начать.

Как измерить

  • PageSpeed Insights: бесплатный инструмент Google. Вводите адрес, получаете оценку и список проблем для телефона и компьютера.
  • Отчёт Core Web Vitals в Google Search Console: показывает реальные данные ваших посетителей.
  • Lighthouse в браузере Chrome: подробный анализ в инструментах разработчика (DevTools).

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

Три ключевых показателя

Google называет их Core Web Vitals. Ориентиры «хорошо»:

ПоказательЧто означаетХорошо
LCPкак быстро появляется главный контентне более 2,5 с
INPкак быстро сайт реагирует на действияне более 200 мс
CLS«прыгает» ли страница во время загрузкине более 0,1

Что чаще всего замедляет сайт

1. Тяжёлые изображения

Фото на несколько мегабайт, в старом формате и слишком большого размера. Это причина номер один. Решение: современные форматы, размеры под экран, отложенная загрузка тех, что ниже первого экрана.

2. Шрифты

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

3. Лишние скрипты

Виджеты чата, аналитика, пиксели рекламы, слайдеры: каждый добавляет нагрузку. Решение: убрать то, что не нужно, остальное подключать отложенно.

4. Тяжёлая тема или конструктор

Готовые темы и конструкторы тянут большое количество кода, которым вы не пользуетесь. Решение: облегчить или заменить на собственную лёгкую вёрстку. Для WordPress подробнее — в статье WordPress или собственный код.

5. Медленный сервер и отсутствие кеширования

Дешёвый хостинг, отсутствие кеша, медленные запросы к базе. Решение: кеширование, CDN, оптимизация запросов, при необходимости другой хостинг.

6. Смещение блоков

Блоки «прыгают», потому что для изображений и рекламных вставок не отведено место. Решение: задавать размеры заранее.

Что делать первым: короткий план

  1. Измерьте и запишите текущие показатели.
  2. Сожмите и замените изображения: это быстрый и заметный выигрыш.
  3. Уберите ненужные скрипты и виджеты.
  4. Настройте кеширование.
  5. Проверьте шрифты.
  6. Измерьте ещё раз и сравните.

Часто первые три шага дают большую часть эффекта.

Когда нужна более глубокая работа

Если после этого сайт всё ещё медленный, причина глубже: устаревший код, тяжёлая архитектура, медленная база данных.

Тогда разумно сделать ускорение сайта с аудитом или редизайн на современном стеке.

Если сайт на WordPress, см. также сайты на WordPress.

Частые вопросы

Какая скорость загрузки считается нормой?

Ориентир Google: главный контент должен появиться не позже чем за 2,5 секунды. Чем быстрее, тем лучше.

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

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

Можно ли ускорить без полной переделки?

В большинстве случаев да. Изображения, скрипты и кеширование исправляют без переписывания сайта.

Ускорение сайта: условия и что входит.

Читайте также

  • Услуги

    Ускорение сайта

    Медленный сайт становится быстрым: изображения, скрипты, кеширование, Core Web Vitals.

  • Статьи

    Сайт-визитка: цена и что входит

    Что такое сайт-визитка, из каких страниц состоит, сколько стоит и от чего зависит цена. Чек-лист: что подготовить перед заказом.

  • Статьи

    Сайт-каталог или интернет-магазин: что выбрать

    Сайт-каталог или интернет-магазин: в чём разница, что проще и дешевле, кому что подходит и как перейти от каталога к магазину, когда бизнес вырастет.

Обсудим ваш проект?

Заполните короткий бриф: что нужно, референсы, бюджет и сроки. Отвечу с оценкой.