Медленно загружается сайт: как найти причину и понять, что нужно исправить
Сайт долго открывается, изображения появляются с задержкой, а на телефоне кнопки реагируют не сразу. Для владельца бизнеса это выглядит как одна проблема — «сайт тормозит». Но причины могут находиться в разных местах: на сервере, в коде страницы, изображениях или подключённых сервисах.
Поэтому ускорение сайта лучше начинать с диагностики. Она помогает определить, какие изменения действительно нужны: оптимизация контента, доработка кода, настройка кеширования или переход на другой хостинг.
Что именно работает медленно
Перед проверкой полезно описать проблему точнее. От этого зависит, где искать причину.
| Что происходит | Что стоит проверить в первую очередь |
|---|---|
| После перехода долго ничего не появляется | Ответ сервера, перенаправления, ресурсы, мешающие первому отображению |
| Текст уже виден, но главное изображение появляется поздно | Размер изображения, момент начала его загрузки, приоритет |
| Страница видна, но меню и кнопки реагируют с задержкой | Выполнение JavaScript, сторонние скрипты, загрузку устройства |
| Главная открывается быстро, а каталог — медленно | Запросы к базе данных, фильтры, объём данных и изображений |
| Задержки возникают только в определённое время | Нагрузку на сервер, фоновые задачи, внешние сервисы |
Это ориентиры для проверки, а не готовый диагноз. Один симптом может иметь несколько причин.
Как проверить скорость сайта
Начните с нескольких важных страниц: главной, страницы услуги, каталога или карточки товара. Если основная задача сайта — получать обращения, обязательно проверьте страницу с формой.
Откройте их на компьютере и телефоне. На смартфоне полезно сравнить Wi-Fi и мобильный интернет. Обратите внимание не только на появление страницы, но и на возможность пользоваться ею: открыть меню, выбрать товар, заполнить форму.
Затем проверьте те же адреса в PageSpeed Insights. Сервис показывает результаты лабораторного теста и, если данных достаточно, показатели реальных посещений.
Лабораторный тест помогает искать причины задержек в заданных условиях. Данные реальных пользователей отражают разные устройства и подключения за последние 28 дней. Поэтому результаты двух разделов могут отличаться. Отсутствие пользовательских данных не означает, что сайт работает быстро или медленно: информации может быть недостаточно. Документация PageSpeed Insights
Сохраните результаты до начала работ и повторите измерения несколько раз. Один запуск может оказаться нетипичным.
Какие показатели помогают разобраться
Для владельца сайта полезно различать три вопроса:
- Как долго браузер ждёт начало ответа?
- Когда появляется основное содержимое?
- Насколько быстро страница реагирует на действия?
TTFB показывает время до получения первого байта ответа. Оно включает не только работу приложения на сервере, но и другие задержки, связанные с соединением и перенаправлениями. Поэтому высокий TTFB сам по себе ещё не доказывает, что нужно менять хостинг. Подробнее о TTFB
LCP отражает момент появления самого крупного видимого элемента контента — например, главного изображения или текстового блока. Он помогает оценить, когда пользователь получает основную часть первого экрана. Подробнее о LCP
INP характеризует отзывчивость страницы при взаимодействиях. Его стоит учитывать, если сайт уже отображается, но нажатия обрабатываются с задержкой. Показатели Web Vitals
Общий балл PageSpeed удобен для первичной оценки, но задача оптимизации — улучшить работу страниц и важных действий пользователя. Одного изменения балла для оценки результата недостаточно.
Основные причины медленной загрузки
Тяжёлые изображения
На страницу могут загружаться фотографии в исходном разрешении, хотя посетитель видит их в небольших карточках. Особенно заметна проблема в каталогах, галереях и блоках с примерами работ.
Проверить стоит размеры файлов, разрешение, формат и наличие подходящих вариантов для разных экранов.
Изображения ниже первого экрана часто можно загружать отложенно. Но главный баннер требует другого подхода: если откладывать его загрузку, основное содержимое может появляться позже. Оптимизация такого изображения включает не только сжатие, но и своевременное начало загрузки. Рекомендации по оптимизации LCP
Скрипты и стили страницы
Слайдеры, анимация, конструкторы страниц и интерактивные блоки добавляют код, который браузеру нужно загрузить и обработать. Иногда одинаковый набор файлов подключается на всех страницах, хотя отдельные функции используются только в одном разделе.
Разработчику стоит проверить, какие ресурсы действительно нужны, что задерживает отображение и какие операции занимают процессор.
Простое объединение всех файлов или установка плагина оптимизации не гарантируют улучшения. Изменение порядка загрузки также может нарушить работу меню, форм или других элементов, поэтому результат нужно проверять.
Медленная работа серверной части
Сервер может долго формировать страницу из-за сложных запросов к базе данных, ошибок в коде, недостатка ресурсов или ожидания ответа внешнего сервиса.
Например, каталог может выполнять много повторяющихся запросов для каждой карточки товара. Более мощный сервер иногда сокращает задержку, но не устраняет причину лишней работы.
Здесь нужна проверка времени выполнения приложения, запросов к базе данных и нагрузки. По одному внешнему тесту установить точную причину обычно нельзя.
Отсутствие подходящего кеширования
Кеширование позволяет повторно использовать подготовленные данные и ресурсы. Это может уменьшить нагрузку и сократить ожидание.
Но правила зависят от страницы. Публичная статья, корзина и личный кабинет требуют разного обращения с кешем. Персональные данные и актуальное состояние заказа нельзя случайно подменять сохранённой общей версией.
Поэтому настройка кеширования должна учитывать функции сайта, а после изменений необходимо проверить пользовательские сценарии.
Сторонние сервисы
Чаты, карты, видео, системы аналитики и рекламные скрипты могут добавлять сетевые запросы и работу в браузере.
Проверять стоит вклад каждого сервиса: где он используется, когда загружается и нужен ли на всех страницах. Например, интерактивная карта может быть полезна в контактах, но не требоваться в каждой статье блога.
Отключать всё подряд не стоит. Вместе с лишним виджетом можно убрать важное отслеживание обращений или рабочий способ связи.
Почему на телефоне сайт работает хуже
Компьютер разработчика и смартфон посетителя могут сильно различаться по производительности и качеству соединения. Страница, которая кажется быстрой на рабочем ноутбуке, на другом устройстве может дольше обрабатывать скрипты и отображать содержимое.
Мобильная проверка должна включать реальные действия:
- открыть и закрыть меню;
- перейти между страницами;
- воспользоваться фильтром или поиском;
- заполнить и отправить форму;
- нажать на телефон или ссылку мессенджера.
Адаптивная вёрстка решает вопрос размещения элементов на экране. Скорость и отзывчивость требуют отдельной проверки.
Что владелец сайта может проверить самостоятельно
Для начала не нужны доступ к коду или изменение настроек сервера. Подготовьте информацию, которая поможет воспроизвести проблему:
- Адреса медленных страниц. Лучше несколько конкретных примеров.
- Условия проверки. Устройство, браузер, тип подключения.
- Описание задержки. Долго пустой экран, поздно появляются фотографии, зависает фильтр.
- Время возникновения. Постоянно, периодически или при увеличении посещаемости.
- Недавние изменения. Новая тема, плагин, виджет, импорт каталога или обновление.
- Результаты измерений. Ссылки на отчёты и дата проверки.
Если проблема возникла после обновления, это полезная зацепка, но ещё не доказательство причины. Связь нужно проверить.
Общий порядок подготовки задач разобран в статье «Доработка существующего сайта: с чего начать и как оценить работу».
Когда действительно нужно менять хостинг
Переезд стоит рассматривать, если диагностика показывает ограничения инфраструктуры: нехватку ресурсов, нестабильную работу или отсутствие необходимых возможностей настройки.
Если основная задержка связана с тяжёлыми изображениями и обработкой скриптов в браузере, смена хостинга может почти не повлиять на результат.
До переноса полезно получить ответы на три вопроса:
- Какая часть задержки связана с текущим сервером?
- Какие ограничения мешают её сократить?
- Как будет проверяться эффект после переезда?
Так решение опирается на измерения, а не на предположение, что более дорогой тариф автоматически ускорит сайт.
Как принимать работу по ускорению
До начала доработок согласуйте страницы, условия измерений и функции, которые должны сохранять работоспособность.
После изменений проверьте:
- время появления основного содержимого на тех же страницах;
- повторяемость результата в нескольких тестах;
- работу мобильной версии;
- меню, поиск, фильтры и оформление заказа;
- отправку и фактическое получение заявок;
- корректность аналитики.
Проверку доставки обращений можно провести по отдельному материалу «Не приходят заявки с сайта на почту: как найти и исправить сбой».
Лабораторные измерения позволяют оценить изменения сразу. Показатели реальных пользователей в PageSpeed обновляются постепенно, поскольку рассчитываются за период наблюдения. Как устроены данные PageSpeed Insights
Если задача шире скорости и включает видимость в поиске, структуру страниц и аналитику, полезен SEO-аудит сайта.