К содержимому
WordPress и техника

Как найти и устранить медленные страницы блога

Как найти и устранить медленные страницы блога

Медленные страницы блога находят не на глаз, а по отчётам: у вас на компьютере всё летает, потому что сайт лежит в кеше браузера, а читатель с телефона в метро видит белый экран четыре секунды и уходит. Проверять нужно три вещи: какие страницы грузятся дольше остальных, что именно их тормозит и стало ли лучше после правок. Для первого есть Яндекс Метрика и Google Search Console, для второго — PageSpeed Insights и плагин Query Monitor, для третьего — те же отчёты через две недели. Ниже — порядок действий для автора-одиночки на обычном хостинге, без разработчика и без переезда на другой движок. В большинстве блогов проблема одна из четырёх: картинки, лишние плагины, отсутствие кеша и старая версия PHP.

Где искать медленные страницы: три отчёта

Первый отчёт — в Метрике: «Отчёты → Стандартные → Мониторинг → Время загрузки страниц». Он показывает среднее время по каждому адресу на реальных посетителях, а не в лабораторных условиях. Отсортируйте по времени и посмотрите первые двадцать строк: обычно это старые длинные статьи с десятками фотографий, страницы рубрик с бесконечной лентой и главная. Второй отчёт — Google Search Console, раздел «Основные интернет-показатели»: там страницы разбиты на «хорошие», «требуют улучшения» и «плохие» по данным браузера Chrome. Третий — Яндекс Вебмастер, «Диагностика → Скорость сайта»: оценка для телефонов и список типичных проблем.

Дальше каждую подозрительную страницу прогоняйте через PageSpeed Insights. Смотрите не общий балл, а три показателя: LCP (когда на экране появился главный элемент, норма до 2,5 секунды), INP (задержка отклика на нажатие, норма до 200 миллисекунд) и CLS (прыгает ли вёрстка при загрузке). Ниже отчёт перечисляет, что тянет время: «Уменьшите размер изображений», «Удалите неиспользуемый JavaScript», «Сократите время ответа сервера». Автор блога о рецептах, который проверил так десять самых посещаемых статей, обнаружил, что LCP на всех больше 6 секунд из-за одной и той же причины — обложки по 4 мегабайта, загруженные прямо с телефона.

Инфографика: ориентиры, по которым видно медленные страницы блога — LCP до 2,5 секунды, INP до 200 миллисекунд, картинка до 200 килобайт
Инфографика: ориентиры, по которым видно медленные страницы блога — LCP до 2,5 секунды, INP до 200 миллисекунд, картинка до 200 килобайт

Картинки: самая частая причина и самая простая

Фотография с телефона весит 3–5 мегабайт, а на странице она показывается шириной 800 точек. WordPress делает уменьшенные копии, но тема часто вставляет оригинал. Первое действие — плагин, который сожмёт всё уже загруженное и переведёт в WebP: Converter for Media, EWWW Image Optimizer или ShortPixel (у последнего бесплатный лимит на месяц). Второе — привычка перед загрузкой уменьшать снимок до 1600 точек по длинной стороне; больше на странице блога не нужно. Третье — проверить, что «ленивая загрузка» включена: WordPress делает это сам с версии 5.5, но некоторые темы её отключают. После этого один медленный адрес обычно ускоряется вдвое без других изменений.

  • Обложка статьи — до 1600 точек по ширине и до 200 КБ, формат WebP.
  • Галереи из 30 снимков разбивать на части или заменять на 8–10 лучших.
  • Встроенные видео с VK Видео или RuTube вставлять как картинку-превью со ссылкой, а не как плеер на каждую.
  • Иконки и логотипы — SVG, а не PNG по 300 КБ.
  • Слайдеры на главной убрать: они тянут скрипт и весят больше всей статьи.

Плагины и запросы к базе: как понять, кто виноват

Поставьте Query Monitor и откройте медленную страницу, будучи залогиненным. В верхней панели появится время генерации, число запросов к базе и вкладка «Компоненты», где по каждому плагину видно, сколько миллисекунд он отнял. Типичные виновники: плагин похожих записей, который считает похожесть при каждом открытии, счётчик просмотров, пишущий в базу, и конструктор страниц, оставленный ради одной посадочной. Всё, что не используется, удаляйте, а не выключайте: отключённый плагин не тормозит, но и не обновляется, а значит, остаётся дырой. Если не понимаете, какой плагин мешает, плагин Health Check & Troubleshooting включает режим устранения неполадок: все плагины отключаются только для вас, и вы включаете их по одному, замеряя время.

Базу данных чистите раз в квартал плагином WP-Optimize: он удаляет старые ревизии, черновики автосохранения, спам и просроченные временные записи. У блога на пять лет с тремя сотнями статей база нередко весит 400 мегабайт, из которых нужные — 60. Заодно проверьте в панели хостинга версию PHP: Beget, Timeweb и reg.ru позволяют переключить её в один клик, и переход с 7.4 на 8.3 ускоряет генерацию страниц на треть. Перед переключением сделайте копию и убедитесь, что тема и плагины обновлены, иначе поймаете белый экран.

Кеш: почему без него всё остальное не имеет смысла

Без кеша WordPress собирает каждую страницу заново при каждом заходе: запросы к базе, выполнение темы, плагинов. Кеш сохраняет готовую страницу в файл и отдаёт её мгновенно. Для блога, где записи не меняются каждую минуту, это единственный верный режим. Бесплатные варианты — WP Super Cache, Cache Enabler или LiteSpeed Cache, если хостинг работает на LiteSpeed; платный WP Rocket делает то же самое плюс сжатие скриптов. Сначала включите кеширование страниц, проверьте, что сайт работает в режиме инкогнито, и только потом добавляйте минификацию CSS и JavaScript — она чаще ломает вёрстку. У многих хостингов есть и свой кеш на уровне сервера: в панели Beget он включается галочкой, и его нужно сбрасывать после правки темы.

Сначала кеш и картинки, потом плагины, потом всё остальное — этот порядок даёт девять десятых результата.

Как понять, что стало быстрее

  1. Записать до правок время LCP для пяти самых посещаемых страниц из PageSpeed и среднее время загрузки из Метрики.
  2. Сделать правки по порядку: картинки, кеш, плагины, PHP, база.
  3. Через две недели сравнить те же отчёты — Search Console обновляет «Основные интернет-показатели» медленно, по 28-дневному окну.
  4. Проверить в Метрике показатель отказов на страницах, которые ускорили: он должен упасть.
  5. Повторять проверку раз в квартал и после каждого нового плагина.

Правки по этому списку занимают у автора-одиночки один вечер, а эффект держится, пока вы не поставите новый тяжёлый плагин. Если хочется, чтобы кто-то настроил сервер, кеш и аналитику разом и потом следил за скоростью, такую техническую работу берёт на себя агентство «Креатифф» — сайт получает нормальные показатели, а вы возвращаетесь к текстам.

Вопрос — ответ

Где искать медленные страницы блога?

Первый отчёт — в Метрике: «Отчёты → Стандартные → Мониторинг → Время загрузки страниц», второй — Google Search Console, третий — Яндекс Вебмастер, «Диагностика → Скорость сайта».

Какие показатели смотреть в PageSpeed Insights?

Смотрите LCP (норма до 2,5 секунды), INP (норма до 200 миллисекунд) и CLS, то есть прыгает ли вёрстка при загрузке, а не общий балл.

Каким должна быть обложка статьи по весу и формату?

Обложка статьи — до 1600 точек по ширине и до 200 КБ, формат WebP; фотографию с телефона, которая весит 3–5 мегабайт, перед загрузкой нужно сжимать.

Как понять, какой плагин тормозит сайт?

Поставьте Query Monitor и откройте медленную страницу, будучи залогиненным: вкладка «Компоненты» покажет, сколько миллисекунд отнял каждый плагин, а неиспользуемое лучше удалять.

Что даёт кеш для блога?

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

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