Статьи
Почему сайт медленный и как его ускорить: чек-лист
Почему сайт медленно загружается, как измерить скорость и что исправить первым: изображения, шрифты, скрипты, кеш. Целевые показатели Google.
Пользователь уходит со страницы, если она долго не появляется. А 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. Смещение блоков
Блоки «прыгают», потому что для изображений и рекламных вставок не отведено место. Решение: задавать размеры заранее.
Что делать первым: короткий план
- Измерьте и запишите текущие показатели.
- Сожмите и замените изображения: это быстрый и заметный выигрыш.
- Уберите ненужные скрипты и виджеты.
- Настройте кеширование.
- Проверьте шрифты.
- Измерьте ещё раз и сравните.
Часто первые три шага дают большую часть эффекта.
Когда нужна более глубокая работа
Если после этого сайт всё ещё медленный, причина глубже: устаревший код, тяжёлая архитектура, медленная база данных.
Тогда разумно сделать ускорение сайта с аудитом или редизайн на современном стеке.
Если сайт на WordPress, см. также сайты на WordPress.
Частые вопросы
Какая скорость загрузки считается нормой?
Ориентир Google: главный контент должен появиться не позже чем за 2,5 секунды. Чем быстрее, тем лучше.
Повлияет ли скорость на позиции в Google?
Скорость учитывается как один из факторов. Она не заменит хороший контент, но медленный сайт проигрывает быстрому при прочих равных, а ещё теряет клиентов, которые не дождались загрузки.
Можно ли ускорить без полной переделки?
В большинстве случаев да. Изображения, скрипты и кеширование исправляют без переписывания сайта.
Ускорение сайта: условия и что входит.
Читайте также
Услуги
Ускорение сайта
Медленный сайт становится быстрым: изображения, скрипты, кеширование, Core Web Vitals.
Статьи
Сайт-визитка: цена и что входит
Что такое сайт-визитка, из каких страниц состоит, сколько стоит и от чего зависит цена. Чек-лист: что подготовить перед заказом.
Статьи
Сайт-каталог или интернет-магазин: что выбрать
Сайт-каталог или интернет-магазин: в чём разница, что проще и дешевле, кому что подходит и как перейти от каталога к магазину, когда бизнес вырастет.