Руководство по полной оптимизации производительности WordPress: лучшие практики от ядра до плагинов.

Производительность веб-сайта на базе WordPress напрямую влияет на пользовательский опыт, показатели конверсий и позиции сайта в поисковых системах. Сайт с медленной загрузкой быстро отталкивает посетителей и подрывает все усилия по оптимизации для поисковых систем (SEO). В этом руководстве представлен полный комплекс рекомендаций по оптимизации производительности — от основных аспектов работы системы до выбора подходящих плагинов, который можно немедленно применить на практике.

Оптимизация основных систем и серверов

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

Выбор высокопроизводительного хостинг-решения

虚拟主机、VPS、云服务器和专用服务器的性能差异巨大。对于流量中等及以上的网站，建议至少选择配置了SSD硬盘、PHP 7.4或更高版本、并支持HTTP/2和Let‘s Encrypt SSL证书的VPS或云服务器方案。许多托管服务商提供专为WordPress优化的托管服务，它们通常预装了对象缓存、CDN集成和更安全的服务器配置。

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

Оптимизация настроек PHP и базы данных

Убедитесь, что на вашем сервере установлена более новая версия PHP (например, PHP 8.0 и выше), поскольку её производительность значительно превосходит производительность более старых версий. Также настройте параметры, связанные с ограничением объема оперативной памяти, доступной для PHP, а также максимальным временем выполнения скриптов. Для этого можно создать или изменить соответствующие файлы в корневом каталоге вашего веб-сайта.php.iniФайлы можно настроить либо напрямую, либо через панель управления хостом.

Ультахост (UltaHost) – хостинг-провайдер, предоставляющий услуги хостинга для сайтов, построенных на платформе WordPress.

Гарантия возврата средств в течение 30 дней, неограниченная пропускная способность интернет-канала и объем баз данных, бесплатная защита от DDoS-атак. При покупке на срок 3 лет предоставляется скидка в размере 501 ТБ до 4 ТБ.

страница доступа

memory_limit = 256M
max_execution_time = 300
upload_max_filesize = 64M
post_max_size = 128M

Что касается баз данных, их рекомендуется регулярно использовать (то есть выполнять операции ввода/извлечения данных, обновления и т. д.).phpMyAdminИли подобные инструменты для оптимизации таблиц баз данных.OPTIMIZE TABLEНеобходимо удалить ненужные данные, такие как пересмотренные версии документов, черновики, спам-комментарии и т. д. Для этого можно воспользоваться соответствующими инструментами или процедурами.wp_postmetaиwp_optionsОптимизация таблиц с целью снижения затрат на выполнение запросов.

Настройка эффективного механизма кэширования

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

fastcgi_cache_path /path/to/cache levels=1:2 keys_zone=WORDPRESS:100m inactive=60m;
fastcgi_cache_key "$scheme$request_method$host$request_uri";

Затем в блоке настроек сервера (server block) включите кэширование для запросов на PHP. Для пользователей Apache рекомендуется рассмотреть возможность его активации.mod_expiresиmod_headersМодуль предназначен для настройки кэша браузера.

Оптимизация на уровне тем и кода

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

Рекомендуемое чтение Полное руководство по оптимизации WordPress: комплексное решение от повышения скорости до усиления безопасности.。

Темы выбора и оптимизации

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

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

Оптимизация загрузки скриптов и таблиц стилей

Поместите CSS в верхнюю часть страницы, а JavaScript — в нижнюю часть страницы.(Перед добавлением тегов) это основной принцип. Для несущественных элементов CSS можно рассмотреть возможность их асинхронной загрузки. Для использования в WordPress…wp_enqueue_scriptПри использовании функции можно задать необходимые параметры.in_footerПараметры следующие:true。

hosting.com Общий хостинг

Высокая производительность благодаря процессорам AMD EPYC, SSD-накопителям NVMe и LiteSpeed, круглосуточная экспертная поддержка, передовые меры безопасности, включая SSL, защиту от грубой силы, вредоносных программ и DDoS, экономия до 73%

страница доступа

function my_theme_scripts() {
    // 将jQuery和主题主JS文件放在页脚加载
    wp_enqueue_script('jquery');
    wp_enqueue_script('my-theme-script', get_template_directory_uri() . '/js/script.js', array('jquery'), '1.0.0', true);
}
add_action('wp_enqueue_scripts', 'my_theme_scripts');

Кроме того, объединение и сжатие CSS/JS-файлов позволяет значительно сократить количество HTTP-запросов. Это можно сделать на этапе разработки с помощью таких плагинов, как Autoptimize, или сборочных инструментов (Webpack, Gulp).

Реализация технологий отложенной загрузки и оптимизации изображений

Включите задержанное загрузчикое для всех изображений, iframe-окон и видео. В WordPress 5.5 и более версиях поддержка задержанного загрузчика изображений уже является встроенной; для его активации достаточно добавить соответствующие настройки к изображениям.loading="lazy"Достаточно использовать соответствующие атрибуты. Для более полного решения можно рассмотреть возможность применения плагинов.

Обязательно сжимайте изображения с помощью таких инструментов, как Tinify или ShortPixel, либо с помощью локального программного обеспечения перед их загрузкой. Кроме того, используйте современные форматы изображений, такие как WebP, которые обеспечивают лучший уровень сжатия по сравнению с JPEG и PNG. Преобразование формата можно автоматически выполнить с помощью плагинов (например, WebP Express) или сервисов CDN.

Рекомендуемое чтение Полное руководство по ускорению работы сайта WordPress: от новичка до профессионала.。

Выбор и настройка эффективных плагинов

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

Отобранные необходимые плагины для повышения производительности

Вот некоторые проверенные временем плагины, улучшающие производительность системы; каждый из них направлен на решение конкретной ключевой проблемы:
* 缓存插件：如WP Rocket（付费）、W3 Total Cache或WP Super Cache。它们能生成静态HTML文件，避免每次访问都执行复杂的PHP和数据库查询。
* 数据库优化插件：如WP-Optimize，它可以定期清理和优化数据库表。
* 图片优化插件：如Imagify、ShortPixel，它们可以自动压缩上传的图片并生成WebP版本。
* 代码优化插件：如Autoptimize，用于合并、压缩CSS/JS文件，并优化加载方式。

Общий хостинг InterServer

Общий хостинг $2.50 USD в месяц, первый месяц $0.1 USD промо-код tryinterserver, 461 скрипт облачных приложений, установка в один клик.

страница доступа

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

Влияние плагинов мониторинга и диагностики

Регулярно используйте плагины для мониторинга запросов, чтобы оценить затраты на выполнение каждого из них с точки зрения производительности.Query MonitorЭто мощный инструмент для разработки, который позволяет отображать время генерации страниц, количество выполненных запросов к базе данных, хронологию выполнения хуков (специальных скриптов), вызванных каждым плагином или темой, а также информацию о скриптах и стилях, находящихся в очереди на выполнение. Благодаря ему вы можете точно определить, какой именно плагин является причиной снижения производительности на конкретной странице.

Чтобы узнать о ресурсах фронтенда, используйте инструменты разработчика браузера (панели Network и Performance), чтобы определить, какие файлы загружаются каждым плагином, их размеры и время загрузки.

Лучшие практики настройки плагинов

Даже самые качественные плагины могут привести к нежелательным результатам при неправильной настройке. Возьмем, к примеру, плагины для кэширования: среди распространенных настроек для оптимизации можно выделить следующие:
* 启用页面缓存和浏览器缓存。
* 为登录用户和购物车页面禁用缓存（针对电商网站）。
* 谨慎使用“缩小”功能，并始终在启用后测试网站功能是否正常。
* 设置合理的缓存生命周期，对于内容不常变的页面可以设置较长时间。
* 集成对象缓存（如Redis或Memcached），如果服务器环境支持的话。

Интеграция расширенной кэшировки с системой CDN

После завершения базовых оптимизаций использование объектного кэширования и сетей распределения контента (CDN) позволяет значительно повысить производительность веб-сайта, особенно при работе с аудиторией из разных стран мира.

Реализация кэширования объектов

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

Во-первых, убедитесь, что на вашем сервере установлены расширения для работы с Redis или Memcached, а также соответствующий PHP-клиент (например, PhpRedis). Затем можно изменить настройки системы для использования этих расширений.wp-config.phpФайл необходимо использовать для активации (включения функций или параметров).

// 对于 Redis
define('WP_REDIS_HOST', '127.0.0.1');
define('WP_REDIS_PORT', 6379);
define('WP_REDIS_TIMEOUT', 1);
define('WP_REDIS_READ_TIMEOUT', 1);
// 可选：指定数据库索引，避免冲突
define('WP_REDIS_DATABASE', 0);

Затем используйте такие плагины, как “Redis Object Cache”, для подключения к кэшу и управления его состоянием.

Интегрированная сеть доставки контента.

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

Интеграция CDN обычно проводится в два этапа:
1. Зарегистрируйтеся в одном из поставщиков услуг CDN (например, Cloudflare, KeyCDN, BunnyCDN).
2. 在WordPress中配置。许多缓存插件（如WP Rocket）提供了CDN集成设置栏，只需填入你的CDN URL即可。或者，你也可以使用专门的CDN插件，或在functions.phpВ процессе обработки ресурсов URL-адреса переписываются с использованием соответствующих фильтров.

function my_cdn_url($url) {
    if (is_admin()) return $url; // 后台不处理
    $cdn_domain = 'cdn.yourdomain.com';
    $home_domain = parse_url(home_url(), PHP_URL_HOST);
    return str_replace($home_domain, $cdn_domain, $url);
}
add_filter('wp_get_attachment_url', 'my_cdn_url');
add_filter('stylesheet_directory_uri', 'my_cdn_url');
add_filter('template_directory_uri', 'my_cdn_url');

Оптимизация загрузки шрифтов и икон

Фонты на веб-страницах часто являются источниками задержек в процессе их отображения. Обязательно используйте качественные фоны, которые не будут мешать корректному отображению контента.font-display: swap; CSS-атрибуты позволяют тексту сначала отображаться с использованием системных шрифтов, а затем заменяться на шрифты, загруженные с веб-страницы. Кроме того, шрифтовые файлы хранятся на сервисах типа CDN (Content Delivery Network), и загружаются только необходимые варианты шрифтов и подмножества символов.

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

резюме

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

Часто задаваемые вопросы

Сколько кэш-плагинов мне следует использовать?

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

Почему после включения кэширования я вижу старую версию страницы?

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

Как определить, замедляет ли какой-либо плагин работу веб-сайта?

Самый эффективный метод – это использование…Query MonitorПлагины: отключите все плагины, затем включайте их по одному, одновременно используя специальные инструменты для отслеживания изменений времени загрузки страницы и количества запросов к базе данных. Также можно измерить базовый показатель производительности после отключения всех плагинов, а затем тестировать систему после каждого их включения, чтобы выявить проблемный плагин. В разделе “Сеть” (Network) инструментов разработчика браузера отображается информация о ресурсах, загружаемых каждым плагином.

После оптимизации скорость работы веб-сайта по-прежнему не удовлетворительна. Возможные причины:

Если после выполнения всех вышеуказанных оптимизаций скорость работы сайта по-прежнему низкая, проблема может кроиться в следующем: 1) Сам сервер имеет низкую производительность или находится слишком далеко от пользователей; в этом случае стоит рассмотреть возможность его обновления или смены провайдера хостинга; 2) В используемом тематическом дизайне (theme) существуют серьезные проблемы с кодом, которые невозможно устранить обычными методами оптимизации; попробуйте перейти на стандартное тематическое решение (например, Twenty Twenty-Four) для сравнения результатов; 3) Отдельные ключевые функции сайта (например, сложные запросы или вызовы сторонних API) работают медленно; в этом случае потребуется анализ и перепись кода. В таких ситуациях привлечение профессиональных разработчиков для проведения аудита производительности может оказаться более эффективным решением.