Сайт медленно грузится: как найти причину и вернуть скорость

Где теряется время: сервер, вес страницы, скрипты

Пока страница открывается, происходят три вещи, и каждая может тормозить.

• Сервер собирает страницу. Хостинг, система управления сайтом, плагины, база данных. Если сервер слабый или перегружен, а страницы каждый раз собираются заново, без кеша, человек долго смотрит на пустой экран.
• Браузер скачивает файлы. Фотографии в исходном размере, фоновое видео, шрифты, слайдеры. Чем тяжелее страница, тем дольше она грузится, особенно с телефона на мобильном интернете.
• Работают скрипты. Онлайн-чат, виджет обратного звонка, квиз, счётчики, кнопки соцсетей. Каждый тянет код, часто с чужого сервера, и пока он выполняется, страница может не реагировать на нажатия.

Причина бывает одна, бывает несколько сразу. Лечатся они по-разному, поэтому сначала нужен замер, а потом действия.

Как проверить скорость самому

Для первого замера хватит бесплатных инструментов.

• PageSpeed Insights — сервис Google. Показывает оценку для телефона и компьютера и список того, что замедляет страницу.
• Справка Яндекс Вебмастера — раздел о том, как сделать сайт быстрее, с рекомендациями поисковика.
• Инструменты разработчика в браузере. Во вкладке Network видно, какие файлы самые тяжёлые и какие грузятся дольше остальных.

Проверяйте не только главную. Возьмите страницы, по которым к вам приходят: услугу или каталог, карточку товара, страницу с формой. Откройте их с телефона на мобильном интернете, а не только с рабочего компьютера в офисе.

Разные сервисы меряют по-разному, и оценки у них не совпадают. Сравнивайте одну и ту же страницу в одном сервисе до и после правок, а повторный замер делайте несколько раз: результат зависит от сети и нагрузки в момент проверки.

Как отличить медленный сервер от тяжёлой страницы

Несколько признаков помогают понять, куда смотреть. Это не точная диагностика, а способ сузить поиск.

• Долго белый экран, потом всё появляется сразу. Похоже на сервер: он долго отвечает или собирает страницу. В отчёте PageSpeed смотрите пункт о времени ответа сервера.
• Текст появляется быстро, картинки и блоки — долго. Похоже на вес страницы: тяжёлые изображения, видео, шрифты.
• Страница видна, но не реагирует на нажатия. Похоже на скрипты: виджеты и счётчики заняли браузер.
• Медленно открывается даже простая текстовая страница, например политика конфиденциальности. Тогда дело скорее в сервере или системе управления, а не в картинках.

Если медленно всё и всегда, начните с сервера. Если тормозят отдельные страницы — с того, что на них есть.

Что пишут владельцы сайтов

Ниже — отдельные истории из обсуждений, а не статистика.

• Владелец сайта компании по продаже памятников в давнем обсуждении на форуме о хостинге писал, что в сезон «оптовые покупатели жалуются на медленную работу сайта», а иногда не могут отправить форму заказа. Хостер предлагал выделенный сервер, но владелец подозревал, что «просто вытягивают деньги». И добавлял: «Уже сменили три хостера».
• Владелец сайта на WordPress в вопросе на Хабр Q&A пишет, что спустя почти полгода «он по-прежнему очень медленно работает».
• Исполнитель — партнёр хостинга, который обслуживает сайты своих клиентов, — в отзыве о хостинге пишет, что после многочасовых падений сервера сайты клиентов теряли позиции в выдаче Яндекса и, по его словам, затем «восстанавливаются по полгода».

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

Что ускоряет сайт, а что — потеря времени

Ускорение сайта начинается с причины, которую показал замер.

Если тяжёлая страница:

• сожмите фотографии и сохраните их в современном формате, например WebP;
• отдавайте картинки в размере, который нужен экрану, а не в исходном с фотоаппарата;
• включите отложенную загрузку изображений ниже первого экрана;
• уберите фоновое видео или замените его картинкой на телефонах.

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

Если сервер: кеширование, обновление системы и плагинов, удаление лишних плагинов — и только потом другой тариф или хостинг.

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

Честная граница: что мешает ускорению

Иногда ускорение упирается не в технику, а в решение владельца. Исполнитель, который оптимизирует скорость клиентских сайтов, в комментарии на vc.ru пишет о проекте, где «клиент не захотел убирать то, что реально тормозило скорость».

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

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

И ещё одна граница: если сайт открывается быстро, а заявок нет, дело не в скорости.

Самопроверка после ускорения

После правок пройдите по списку:

• те же страницы в том же сервисе показывают результат лучше, чем до правок;
• с телефона на мобильном интернете первый экран появляется без долгого белого фона;
• кнопки и меню реагируют на нажатие сразу;
• форма отправляется, и тестовая заявка доходит до вас;
• фотографии не потеряли качество так, что товар или работу плохо видно;
• после обновления плагинов ничего не сломалось в оформлении и корзине;
• кто-то следит за тем, чтобы сайт не падал, и узнаёт о падении раньше покупателей.

Последний пункт про надёжность, а не про скорость, но в истории выше они идут рядом.

С чего начать

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

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

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

Медленный сайт лечится по причине, а не наугад. Сначала замер нужных страниц, потом правки по весу, скриптам или серверу — и проверка, что после правок всё работает.