15%

Сэкономьте 15% на всех хостинговых услугах

Проверьте свои навыки и получите скидку на любой тарифный план

Используйте код:

Skills
Начать
01.11.2024

Как ускорить сайт WordPress: полное руководство по оптимизации

Медленный сайт WordPress — это не просто неудобство — это прямая угроза вашему доходу, рейтингам поиска и удержанию пользователей. Исследования последовательно показывают, что задержка загрузки страницы на одну секунду может снизить конверсии на 7%, а Google официально подтвердил, что скорость страницы является сигналом ранжирования как в поиске на рабочем столе, так и на мобильных устройствах. Если ваш сайт WordPress работает медленно, вы теряете трафик, лиды и деньги.

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

Почему скорость сайта WordPress важнее, чем когда-либо

Прежде чем переходить к решениям, стоит понять, что именно на кону:

  • Пользовательский опыт: 53% мобильных пользователей покидают сайт, который загружается дольше 3 секунд (исследование Google/SOASTA).
  • Рейтинги SEO: Core Web Vitals Google — которые включают Largest Contentful Paint (LCP), First Input Delay (FID) и Cumulative Layout Shift (CLS) — являются прямыми факторами ранжирования. Медленный сайт получает низкие оценки по всем трем.
  • Коэффициенты конверсии: Amazon знаменито рассчитала, что каждые 100 мс задержки стоят им 1% продаж. Тот же принцип применим к любому бизнес-сайту.
  • Показатели отскока: Медленные страницы отпугивают посетителей еще до того, как они увидят ваш контент, сигнализируя о низком качестве поисковым системам.

Хорошая новость? Большинство проблем с производительностью WordPress полностью решаемы при правильном подходе.

1. Начните с качественного хостинга — основы скорости

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

На что обратить внимание при выборе провайдера хостинга WordPress

  • Кэширование на уровне сервера (Redis, Memcached или OPcache)
  • Хранилище SSD или NVMe для значительно более быстрого чтения/записи
  • Поддержка PHP 8.x — новые версии PHP значительно быстрее, чем PHP 7.x
  • Поддержка HTTP/2 или HTTP/3 для параллельной загрузки ресурсов
  • Адекватные ресурсы RAM и CPU, которые не будут ограничивать при скачках трафика
  • Центры обработки данных рядом с вашей целевой аудиторией

Выбор правильного типа хостинга

Тип хостингаЛучше всего дляУровень производительности
Общий хостингНебольшие блоги, стартовые сайтыСредний
VPS хостингРастущие сайты, разработчикиВысокий
Выделенные серверыВысоконагруженные, корпоративные сайтыМаксимальный

Для большинства сайтов WordPress, испытывающих проблемы с производительностью, переход с общего хостинга на план VPS хостинга — это единственное наиболее эффективное улучшение, которое вы можете сделать. VPS предоставляет вашему сайту выделенные ресурсы — CPU, RAM и хранилище — которые не используются сотнями других сайтов, устраняя проблему «шумного соседа», которая преследует общие среды.

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

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

2. Выберите легкую, оптимизированную по производительности тему

Ваша тема WordPress оказывает огромное влияние на время загрузки. Перегруженные темы, заполненные ненужными функциями, чрезмерными библиотеками JavaScript и плохо написанным CSS, могут добавить секунды к времени загрузки еще до загрузки первого плагина.

Что делает тему «легкой»?

  • Минимальные внешние HTTP-запросы — каждый запрос добавляет задержку
  • Чистый, семантический HTML без чрезмерных оборачивающих div и встроенных стилей
  • Отсутствие ненужных встроенных конструкторов страниц или наборов функций, которые вы не будете использовать
  • Оптимизированная доставка CSS — критический CSS встроен, некритический CSS отложен
  • Google Fonts загружены эффективно или заменены системными шрифтами

Рекомендуемые легкие темы WordPress

  • GeneratePress — менее 30 КБ, высокая кастомизация, отличные оценки производительности
  • Astra — легкая по умолчанию с модульной загрузкой функций
  • Kadence — современная, быстрая, с отличными Core Web Vitals из коробки
  • Hello Elementor — минимальная базовая тема для пользователей Elementor
  • Twenty Twenty-Four — собственная блочная тема WordPress, чрезвычайно легкая

Совет профессионала: Перед установкой любой темы проверьте ее оценку производительности на GTmetrix или Google PageSpeed Insights, используя URL демонстрации темы. Это дает вам реальную базовую линию перед принятием решения.

3. Реализуйте агрессивную оптимизацию изображений

Изображения обычно составляют 50–80% от общего размера файла веб-страницы. Неоптимизированные изображения — одна из наиболее распространенных — и наиболее решаемых — причин медленных сайтов WordPress.

Сжатие: потери против без потерь

  • Сжатие с потерями (JPEG, WebP) значительно уменьшает размер файла, отбрасывая незаметные данные изображения. Идеально для фотографий.
  • Сжатие без потерь (PNG, GIF) уменьшает размер файла без потери качества. Лучше всего для логотипов, значков и изображений с прозрачностью.

Современные форматы изображений

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

Для передовой оптимизации формат AVIF обеспечивает еще лучшее сжатие, чем WebP, хотя поддержка браузерами все еще развивается.

Основные плагины оптимизации изображений

ПлагинЛучшая функцияЦена
SmushМассовая оптимизация, ленивая загрузкаБесплатно / Pro
ShortPixelОтличные коэффициенты сжатия, поддержка AVIFНа основе кредитов
ImagifyПреобразование WebP, интеграция WP RocketFreemium
OptimoleОблачная, CDN включенFreemium
EWWW Image OptimizerЛокальная обработка, без ограничений APIБесплатно / Pro

Дополнительные лучшие практики изображений

  • Ленивая загрузка изображений: Загружайте изображения только при входе в область просмотра. WordPress имеет встроенную ленивую загрузку с версии 5.5, но плагины могут расширить это дальше.
  • Укажите размеры изображений: Всегда определяйте атрибуты ширины и высоты, чтобы предотвратить сдвиги макета (улучшение оценки CLS).
  • Используйте адаптивные изображения: Реализуйте атрибуты srcset и sizes, чтобы браузеры загружали изображения подходящего размера для каждого устройства.
  • Избегайте использования изображений для текста: Используйте CSS и веб-шрифты вместо этого — они бесконечно масштабируемы и намного меньше.

4. Настройте кэширование на каждом уровне

Кэширование — один из самых мощных методов оптимизации производительности, доступных для сайтов WordPress. Концепция проста: вместо динамического создания каждой страницы с нуля при каждом посещении, кэширование хранит предварительно построенные версии ваших страниц и подает их мгновенно.

Типы кэширования WordPress

Кэширование страниц: Хранит полные HTML-страницы, поэтому PHP и MySQL не нужно запускать для каждого запроса. Это наиболее влияющий тип кэширования для большинства сайтов.

Кэширование объектов: Хранит результаты запросов к базе данных в памяти (используя Redis или Memcached), поэтому повторные запросы возвращаются мгновенно без обращения к базе данных.

Кэширование браузера: Инструктирует браузеры посетителей хранить статические активы (изображения, CSS, JS) локально, поэтому возвращающиеся посетители не переза загружают неизменные файлы.

Кэширование кода операций: Встроенный OPcache PHP хранит скомпилированный PHP-байт-код в памяти, устраняя необходимость перекомпилировать PHP-файлы при каждом запросе.

Лучшие плагины кэширования WordPress

WP Rocket (Premium — $59/год)

Золотой стандарт плагинов кэширования WordPress. WP Rocket обрабатывает кэширование страниц, кэширование браузера, сжатие GZIP, оптимизацию базы данных, ленивую загрузку и многое другое — все из одного удобного интерфейса. Настоятельно рекомендуется для нетехнических пользователей.

W3 Total Cache (Бесплатно / Premium)

Чрезвычайно мощный и настраиваемый. Поддерживает кэширование страниц, кэширование объектов (Redis/Memcached), кэширование базы данных, кэширование браузера и интеграцию CDN. Более крутая кривая обучения, но отличный для продвинутых пользователей.

WP Super Cache (Бесплатно)

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

LiteSpeed Cache (Бесплатно)

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

Конфигурация кэширования браузера

Если вы предпочитаете настраивать кэширование браузера вручную, добавьте следующее в ваш файл .htaccess:

<IfModule mod_expires.c>
  ExpiresActive On
  ExpiresByType image/jpeg "access plus 1 year"
  ExpiresByType image/gif "access plus 1 year"
  ExpiresByType image/png "access plus 1 year"
  ExpiresByType text/css "access plus 1 month"
  ExpiresByType application/javascript "access plus 1 month"
  ExpiresByType application/x-javascript "access plus 1 month"
  ExpiresByType text/javascript "access plus 1 month"
</IfModule>

5. Минифицируйте и оптимизируйте CSS, JavaScript и HTML

Каждый ненужный символ в ваших файлах CSS, JavaScript и HTML добавляет к их размеру. Минификация удаляет комментарии, пробелы и избыточный код для уменьшения размеров файлов — часто на 20–40%.

Что делает минификация

До минификации:

body {
  background-color: #ffffff;
  color: #333333;
  font-family: Arial, sans-serif;
  /* Main body styles */
}

После минификации:

body{background-color:#fff;color:#333;font-family:Arial,sans-serif}

Плагины для минификации и оптимизации кода

  • Autoptimize: Бесплатно, мощный, обрабатывает минификацию HTML/CSS/JS и комбинирование. Отличный для большинства сайтов.
  • WP Rocket: Включает встроенную минификацию наряду со всеми его другими функциями.
  • Asset CleanUp: Определяет и отключает скрипты и стили, которые не нужны на конкретных страницах.
  • Perfmatters: Легкий плагин, сосредоточенный на отключении ненужных функций и скриптов WordPress.

Продвинутая оптимизация JavaScript

  • Отложите некритический JavaScript: Добавьте атрибуты defer или async к скриптам, которые не нужны для блокирования рендеринга страницы.
  • Удалите неиспользуемый JavaScript: Используйте DevTools браузера или инструменты, такие как PurifyCSS, для определения и удаления неиспользуемого кода.
  • Устраните ресурсы, блокирующие рендеринг: Скрипты и таблицы стилей в head, которые блокируют рендеринг, должны быть отложены или перемещены.

6. Включите сжатие GZIP и Brotli

Сжатие на уровне сервера уменьшает размер файлов, передаваемых между вашим сервером и браузерами посетителей. Сжатие GZIP обычно уменьшает текстовые файлы (HTML, CSS, JavaScript) на 60–80%.

Включение сжатия GZIP через .htaccess

Добавьте следующее в ваш файл .htaccess для серверов Apache:

<IfModule mod_deflate.c>
  AddOutputFilterByType DEFLATE text/html
  AddOutputFilterByType DEFLATE text/plain
  AddOutputFilterByType DEFLATE text/xml
  AddOutputFilterByType DEFLATE text/css
  AddOutputFilterByType DEFLATE text/javascript
  AddOutputFilterByType DEFLATE application/javascript
  AddOutputFilterByType DEFLATE application/x-javascript
</IfModule>

Включение GZIP на серверах Nginx

Для серверов на основе Nginx добавьте следующее в ваш nginx.conf или конфигурацию сайта:

gzip on;
gzip_vary on;
gzip_proxied any;
gzip_comp_level 6;
gzip_types text/plain text/css text/xml text/javascript application/json application/javascript application/xml+rss application/rss+xml font/truetype font/opentype application/vnd.ms-fontobject image/svg+xml;

Сжатие Brotli: современная альтернатива

Brotli — это более новый алгоритм сжатия, разработанный Google, который достигает на 15–25% лучшего сжатия, чем GZIP для текстового контента. Если ваш сервер и провайдер хостинга его поддерживают, включение Brotli — это стоящее обновление. Многие современные хостинг-среды — включая качественные VPS и выделенные серверные установки — поддерживают Brotli изначально.

7. Оптимизируйте базу данных WordPress

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

Что удалить из базы данных WordPress

Тип данныхПочему это накапливаетсяБезопасно удалять?
Ревизии постовWordPress сохраняет ревизию каждые несколько минутДа (оставить последние 3–5)
Автосохраненные черновикиНесохраненные черновики постовДа
Удаленные посты/комментарииЭлементы в корзинеДа
Спам-комментарииAkismet ловит, но не удаляетДа
Истекшие временные данныеВременные данные опцийДа
Потерянные метаданные постовОставшиеся данные от удаленных плагиновДа
Неиспользуемые теги/категорииПустые термины таксономииДа

Плагины оптимизации базы данных

WP-Optimize (Бесплатно / Premium)

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

Advanced Database Cleaner (Бесплатно / Premium)

Отличный для определения и удаления потерянных данных, оставленных удаленными плагинами.

WP Rocket (Premium)

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

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

Добавьте эту строку в ваш wp-config.php, чтобы ограничить WordPress сохранением только последних 5 ревизий каждого поста:

define( 'WP_POST_REVISIONS', 5 );

Чтобы полностью отключить ревизии (обычно не рекомендуется):

define( 'WP_POST_REVISIONS', false );

Запланированное обслуживание базы данных

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

8. Реализуйте сеть доставки контента (CDN)

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

Как CDN улучшает производительность WordPress

  • Сниженная задержка: Контент путешествует на более короткие расстояния, снижая Time to First Byte (TTFB)
  • Сниженная нагрузка на исходный сервер: Статические активы подаются CDN, а не вашим сервером
  • Улучшенная доступность: CDN обеспечивают избыточность и защиту от DDoS
  • Параллельные загрузки: Браузеры могут загружать больше активов одновременно из доменов CDN

Лучшие опции CDN для WordPress

Провайдер CDNБесплатный уровеньЛучше всего для
CloudflareДа (щедрый)Все размеры сайтов, защита от DDoS
BunnyCDNНет (очень доступно)Экономичная глобальная доставка
KeyCDNНет (оплата по использованию)Разработчики, высоконагруженные сайты
StackPathНетКорпоративная производительность
Amazon CloudFrontОграниченоИнфраструктура, интегрированная с AWS

Интеграция CDN WordPress

Большинство плагинов кэширования (WP Rocket, W3 Total Cache) включают встроенную интеграцию CDN. Для Cloudflare конкретно установите официальный плагин WordPress Cloudflare для бесшовной очистки кэша и элементов управления оптимизацией.

9. Сократите HTTP-запросы

Каждый элемент на вашей странице — изображения, файлы CSS, файлы JavaScript, шрифты, значки — требует отдельного HTTP-запроса. Сокращение общего количества запросов напрямую снижает время загрузки, особенно на соединениях с высокой задержкой.

Стратегии для сокращения HTTP-запросов

  • Объедините файлы CSS и JS: Объедините несколько таблиц стилей и скриптов в отдельные файлы (большинство плагинов кэширования обрабатывают это автоматически)
  • Используйте CSS-спрайты: Объедините несколько небольших изображений в один лист спрайтов
  • Встройте критический CSS: Встройте CSS выше сгиба непосредственно в HTML head, чтобы устранить запрос, блокирующий рендеринг
  • Используйте шрифты значков или встроенные SVG: Замените значки на основе изображений на SVG или шрифты значков
  • Удалите ненужные плагины: Каждый активный плагин потенциально добавляет скрипты и стили. Регулярно проверяйте ваши плагины и удаляйте все, что вы активно не используете
  • Отключите эмодзи: WordPress загружает JavaScript-файл для поддержки эмодзи по умолчанию. Отключите его, если вы не используете эмодзи:
remove_action( 'wp_head', 'print_emoji_detection_script', 7 );
remove_action( 'wp_print_styles', 'print_emoji_styles' );

10. Оптимизируйте основные настройки WordPress

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

Отключите Heartbeat API

Heartbeat API WordPress отправляет AJAX-запросы на сервер каждые 15–60 секунд для включения функций, таких как автосохранение и блокировка постов. На общем хостинге это может вызвать скачки CPU. Снизьте его частоту:

add_filter( 'heartbeat_settings', 'modify_heartbeat_settings' );
function modify_heartbeat_settings( $settings ) {
  $settings['interval'] = 60; // Reduce to 60 seconds
  return $settings;
}

Оптимизируйте автозагруженные опции WordPress

WordPress хранит множество настроек в таблице wp_options с autoload, что означает, что они загружаются при каждом запросе страницы. Запросите вашу базу данных, чтобы определить большие автозагруженные опции:

SELECT option_name, LENGTH(option_value) as length 
FROM wp_options 
WHERE autoload = 'yes' 
ORDER BY length DESC;

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

Обновите PHP до последней версии

PHP 8.2 и 8.3 значительно быстрее, чем PHP 7.x. Обновление PHP — один из самых простых выигрышей производительности, доступных — и это обычно однокликовое изменение в панели управления вашего хостинга. Если вы управляете своим собственным VPS с cPanel, вы можете переключать версии PHP непосредственно из интерфейса панели управления.

11. Защитите свой сайт с помощью HTTPS (SSL)

Помимо безопасности, HTTPS теперь является предварительным условием для современных функций производительности. HTTP/2 — который драматически улучшает скорость загрузки благодаря мультиплексированию и сжатию заголовков — требует HTTPS. Без SSL вы заблокированы от значительных улучшений производительности.

Кроме того, Google использует HTTPS как сигнал ранжирования, и браузеры отображают предупреждения «Не защищено» на сайтах HTTP, подрывая доверие посетителей и увеличивая показатели отскока.

Убедитесь, что ваш сайт WordPress имеет установленный действительный SSL-сертификат. AlexHost предоставляет SSL-сертификаты, которые легко установить и совместимы со всеми основными хостинг-средами.

12. Непрерывно контролируйте производительность

Оптимизация скорости — это не одноразовая задача — это

15%

Сэкономьте 15% на всех хостинговых услугах

Проверьте свои навыки и получите скидку на любой тарифный план

Используйте код:

Skills
Начать