Как разогнать сайт на Wordpress в Google PageSpeed до 100

Вы когда-нибудь слышали выражение: «Скорость решает все»? В интернете это не просто красивые слова — скорость загрузки сайта влияет на большое количество показателей: от настроения пользователя до позиций в поисковой выдаче. Если страница грузится более 3 секунд, велика вероятность, что посетитель уже накинул куртку и убежал к конкуренту. Поэтому важно максимально ускорить сайт.

В предыдущей статье мы рассказали, как оптимизировать скорость загрузки сайта на Tilda. В этой статье расскажем, как разогнать ваш WordPress до 100 баллов в Google PageSpeed для мобильных устройств и компьютеров.

Имейте в виду: показатели от 90 до 100 — это высший уровень оптимизации, от 50 до 90 — нормальный, а при значениях от 0 до 49 вам следует обратить внимание на серьезные проблемы и заняться оптимизацией.

К концу статьи мы придем к подобным результатам:

Прежде чем приступить к оптимизации, важно понимать, какие параметры влияют на общую оценку:

Скорость загрузки сайта является одной из метрик Core Web Vitals, по которым Google оценивает удобство сайта для пользователей. Подробнее об этом недавно рассказывали в видео.

Теперь, когда мы разобрались с показателями, перейдем к шагам оптимизации.

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

Google PageSpeed Insights — отличный инструмент, который анализирует ваш сайт и даёт советы по ускорению для мобильных устройств и компьютеров. Он показывает оценку от 0 до 100 и указывает на конкретные проблемы. Например, слишком большие изображения или медленно загружающиеся скрипты. Но иногда его рекомендации могут показаться сложными и непонятными, особенно если вы не разбираетесь в технических деталях. Это нормально! С помощью небольшого погружения во всем можно разобраться..

GTmetrix — еще один мощный инструмент для анализа скорости сайта. Он предлагает более подробный отчет, включая данные о времени загрузки, весе страницы и количестве запросов. GTmetrix также предоставляет советы по оптимизации, и, что важно, позволяет вам протестировать сайт из разных регионов и с разных устройств.

Этот инструмент дает детализированный анализ загрузки страницы, предоставляя данные о каждой стадии процесса. Он позволяет увидеть, какие ресурсы загружаются дольше всего и в какой последовательности. WebPageTest особенно полезен для понимания проблем на уровне сети и серверов.

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

В тех же инструментах разработчика в Chrome есть встроенный анализатор под названием LightHouse. Он проводит глубокий анализ сайта по таким критериям, как производительность, доступность, качество SEO и многое другое. LightHouse дает полезные рекомендации для оптимизации изображений или минимизации кода, подобно Google PageSpeed Insights.

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

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

Например, в Google Chrome можно открыть инструменты разработчика (нажмите F12 или кликните правой кнопкой мыши на странице → «Посмотреть код») и перейти во вкладку «Сеть» (Network). Там вы сможете посмотреть все файлы, которые загружаются на сайте, и узнать, сколько времени занимает их загрузка. Это даст вам представление о том, какие ресурсы «тормозят» ваш сайт. Вы сможете увидеть, например, что какой-то конкретный скрипт загружается слишком долго или что загрузка изображений занимает слишком много времени.

Теперь перейдем к самому важному: как именно ускорить сайт на WordPress.

Изображения могут занимать львиную долю трафика. Обычные форматы, такие как JPEG и PNG, хороши, но не идеальны для скорости. Вот тут и вступает в игру WebP — новый формат, который сжимает изображения лучше, чем старые форматы, сохраняя при этом качество.

Плагины, которые могут помочь:

Страницы на WordPress часто используют десятки CSS и JS-файлов, которые загружаются по отдельности, замедляя сайт. Объединение и сжатие этих файлов помогают снизить количество HTTP-запросов и ускоряют загрузку.

Плагины для помощи:

Рассмотрим на примере плагина WP Rocket.

До установки плагина:

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

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

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

Как активировать: в большинстве плагинов кэширования, таких как WP Rocket или W3 Total Cache, есть функция включения GZIP-сжатия.

Объектное кэширование сохраняет результаты дорогостоящих запросов в базе данных и повторно использует их. Redis — популярный инструмент для хранения этих кэшей в памяти.

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

Контентная сеть доставки (CDN) — это глобальная сеть серверов, которая кэширует копии вашего сайта на различных серверах по всему миру. В результате пользователи получают данные с ближайшего к ним сервера — контент загружается быстрее.

Cloudflare — CDN, которая также может защитить ваш сайт от DDoS-атак. Настройки Cloudflare мы детально обсуждать не будем, но имейте в виду, что это мощный инструмент для ускорения и защиты вашего сайта.

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

Рекомендованные плагины:

Если вы владеете SQL на продвинутом уровне, можете сами заняться очисткой и индексацией базы данных, не прибегая к плагинам. Это не только сэкономит ресурсы сайта (ведь плагины иногда добавляют дополнительную нагрузку), но и позволит вам контролировать процесс на более глубоком уровне, оптимизируя работу базы данных точечно.

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

WordPress по умолчанию сохраняет каждую версию записи, которую вы редактируете. Это может быть полезно для восстановления предыдущих вариантов текста, но со временем такие версии накапливаются в большом количестве, создавая лишнюю нагрузку на базу данных. Чтобы это предотвратить, рекомендуется ограничить количество сохраняемых версий записей до 3-5.

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

Как это сделать:

1. Ограничение версий постов.

Чтобы ограничить количество версий записей, добавьте следующую строку в файл wp-config.php:

2. Отключение трекбеков и пингбеков через админ-панель.

Для отключения трекбеков и пингбеков не нужно редактировать файлы. Можно сделать это через админку WordPress:

Эти простые шаги помогут снизить нагрузку на базу данных и улучшить производительность сайта без необходимости редактировать код.

PHP-движок — это сердце WordPress. Чем новее версия, тем быстрее обрабатываются запросы. Постарайтесь обновить PHP до последней стабильной версии, чтобы использовать все преимущества производительности.

Кэширование страниц — это сохранение полной копии страницы для последующих запросов. Одно из самых эффективных решений для ускорения сайта.

Популярные плагины:

Существует плагин под названием Серафим Акселератор, который действительно способен вывести сайт на WordPress в зеленую зону Google PageSpeed, с высокой вероятностью достижения 100 баллов как для мобильных устройств, так и для компьютеров. В 90% случаев его эффективность возрастает при использовании вместе с конвертером изображений.

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

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

Ускорение сайта на WordPress — это не просто набор действий, это стратегия, которая требует времени и терпения. Но поверьте, результат того стоит! Следуйте этим шагам, и ваш сайт станет быстрым, как молния. А если вы сможете добиться 100 баллов в Google PageSpeed, можете смело считать себя супергероем в мире веб-разработки!

Автор: Сергей Фуфаев, web-разработчик в Ant-Team.ru.

Подписывайтесь на наш телеграм-канал, чтобы первыми узнавать о выходе новых материалов. И смотрите наши бесплатные обучающие видео на YouTube, VK и Rutube.