Как удалить загрузку шаблонов Gutenberg в WordPress для оптимизации сайта

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

Почему важно отключать загрузку шаблонов Gutenberg

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

Удаление шаблонов Gutenberg помогает:

• Снизить время загрузки страниц;
• Уменьшить размер загружаемых ресурсов;
• Избавиться от конфликтов с кастомными скриптами и стилями;
• Оптимизировать работу кеша и CDN.

Конечно, если вы активно используете блоки Gutenberg, отключать их не стоит. Но если ваша задача — улучшить производительность, этот метод пригодится.

Как отключить загрузку шаблонов Gutenberg на фронтенде

Для этого можно использовать хук wp_enqueue_scripts с достаточно простым кодом. Наш пример функции с префиксом wp24_:

function wp24_dequeue_gutenberg_styles() {
    if (!is_admin()) {
        wp_dequeue_style('wp-block-library');
        wp_dequeue_style('wp-block-library-theme');
        wp_dequeue_style('wc-block-style'); // если установлен WooCommerce
        wp_dequeue_script('wp-block-library');
    }
}
add_action('wp_enqueue_scripts', 'wp24_dequeue_gutenberg_styles', 100);

Этот код удалит основные стили и скрипты блоков Gutenberg с фронтенда, но сохранит их в админке.

Удаление шаблонов блоков (block templates) и inline JS

Кроме стилей, Gutenberg загружает шаблоны блоков как inline JavaScript в footer. Чтобы очистить и их, можно использовать следующий метод:

function wp24_remove_gutenberg_block_templates() {
    if (!is_admin()) {
        remove_action('wp_footer', 'wp_enqueue_global_styles');
        remove_action('wp_footer', 'wp_enqueue_global_styles_render_block_support');
    }
}
add_action('init', 'wp24_remove_gutenberg_block_templates');

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

Как полностью отключить Gutenberg и вернуть классический редактор

Если вы хотите не только отключить загрузку шаблонов, но и полностью заменить редактор, можно использовать плагин Classic Editor, либо добавить код:

add_filter('use_block_editor_for_post', '__return_false', 10);

Этот фильтр отключит блоковый редактор для всех типов записей.

Удаление поддержки Gutenberg в темах и плагинах

Чтобы гарантированно убрать загрузку блоков и шаблонов, необходимо также отключить поддержку темы и плагинов:

function wp24_disable_gutenberg_support() {
    remove_theme_support('core-block-patterns');
    remove_theme_support('wp-block-styles');
}
add_action('after_setup_theme', 'wp24_disable_gutenberg_support', 100);

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

Использование плагина Clearfy Pro для оптимизации Gutenberg

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

Clearfy Pro также предлагает дополнительные инструменты для оптимизации скорости и безопасности WordPress без лишних сложностей.

Проверка результата и рекомендации

После внедрения кода или установки плагина обязательно проверьте, что на фронтенде больше не загружаются файлы wp-block-library.css и связанные JS. Это можно сделать через инструменты разработчика в браузере во вкладке Network.

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

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

Итоговые рекомендации по оптимизации загрузки Gutenberg

• Отключайте Gutenberg стили и скрипты на фронтенде, если не используете блоки;
• Полностью отключайте блоковый редактор, если работаете с классическим редактором;
• Используйте плагин Clearfy Pro для комплексной и безопасной оптимизации;
• Проверяйте совместимость с другими плагинами и темами;
• Тестируйте сайт после изменений, чтобы избежать проблем с отображением.