GeneratePress — одна из самых легких и быстрых тем для WordPress, но даже у нее могут накапливаться скрипты и стили, которые не используются на всех страницах сайта. Это снижает скорость загрузки и ухудшает пользовательский опыт. В этой статье мы разберем, как грамотно удалить ненужные CSS и JS файлы в GeneratePress, чтобы оптимизировать ваш сайт.
Почему важно удалять лишние CSS и JS в GeneratePress
Каждый подключенный скрипт или стиль увеличивает размер страницы и время загрузки. Особенно это критично для мобильных пользователей и SEO. GeneratePress загружает базовые стили и скрипты, а также дополнительные, если у вас активированы расширения, например, GeneratePress Premium. Но далеко не всегда все эти ресурсы нужны на каждой странице.
Удаление лишних ресурсов уменьшает количество HTTP-запросов, снижает объем передаваемых данных и повышает общую производительность сайта. Правильный подход — отключать скрипты и стили только там, где они не применяются.
Как определить, какие файлы можно удалить
Для начала нужно понять, какие именно CSS и JS подключаются на вашем сайте. Сделать это можно через инструменты разработчика в браузере (обычно F12), вкладка Network или Sources.
Обратите внимание на названия файлов и их назначение. Например, если у вас на странице нет слайдера, а подключается скрипт слайдера — его можно отключить.
Также полезно использовать плагины для анализа ресурсов, например, Asset CleanUp или Perfmatters. Они позволяют отключать скрипты и стили прямо из админки WordPress на выбранных страницах.
Удаление скриптов и стилей через functions.php в GeneratePress
Самый простой и гибкий способ — использовать хук wp_enqueue_scripts с приоритетом 20 и выше, чтобы снять ненужные ресурсы.
Пример функции, которая отключает скрипт и стиль:
function generatepress_ru_dequeue_scripts_styles() {
// Отключаем скрипт, например, slick-slider.js
wp_dequeue_script('slick-slider');
wp_deregister_script('slick-slider');
// Отключаем стиль, например, slick-slider.css
wp_dequeue_style('slick-slider-style');
wp_deregister_style('slick-slider-style');
}
add_action('wp_enqueue_scripts', 'generatepress_ru_dequeue_scripts_styles', 20);Чтобы узнать точные имена скриптов и стилей, смотрите в исходном коде через инспектор элементов или в документации плагинов и темы.
Отключение скриптов и стилей на конкретных страницах
Часто нужно оставить скрипты на главной или в магазине, но убрать на блогах или страницах контактов. Для этого добавим условие:
function generatepress_ru_conditionally_dequeue() {
if (!is_page('kontakt')) { // Если не страница контактов
wp_dequeue_script('contact-form-script');
wp_deregister_script('contact-form-script');
wp_dequeue_style('contact-form-style');
wp_deregister_style('contact-form-style');
}
}
add_action('wp_enqueue_scripts', 'generatepress_ru_conditionally_dequeue', 20);Подобный подход помогает оптимизировать загрузку и избежать конфликтов.
Использование плагина Asset CleanUp для удобного управления
Плагин Asset CleanUp — удобный инструмент для визуального отключения скриптов и стилей без кода.
После установки и активации плагина перейдите в редактирование страницы или записи. Внизу вы увидите список всех загруженных ресурсов. Достаточно поставить галочку напротив ненужных файлов, и они не будут подключаться на этой странице.
Плюсы этого способа:
- Нет необходимости писать код
- Можно отключать ресурсы выборочно для любой страницы или поста
- Отображается точное название скриптов и стилей
Минус — при большом количестве страниц ручная работа отнимает время.
Удаление стилей и скриптов GeneratePress Premium
Если вы используете расширение GeneratePress Premium, там подключается больше дополнительных ресурсов, например, модули типографики, контейнеров, меню и другие.
Для отключения модулей, которые добавляют свои стили, используйте стандартные настройки в панели темы: Внешний вид — GeneratePress — Модули. Отключите ненужные.
Если нужно убрать определённые стили, которые модуль подключает динамически, можно использовать следующий код для удаления CSS:
function generatepress_ru_remove_premium_css() {
if (!is_page('special')) { // Оставляем только на странице special
wp_dequeue_style('generateblocks-style'); // пример названия стилей
}
}
add_action('wp_enqueue_scripts', 'generatepress_ru_remove_premium_css', 20);Советы по безопасному удалению ресурсов в GeneratePress
Перед отключением скриптов или стилей:
- Создайте резервную копию сайта
- Проверьте, на каких страницах используется функционал, связанный с этими ресурсами
- Тестируйте изменения в разных браузерах и на мобильных устройствах
- Используйте инструменты анализа скорости, например, Google PageSpeed Insights, чтобы увидеть эффект
Удаление важных стилей может привести к сломанному отображению, а отключение скриптов — к потере функционала. Поэтому всегда действуйте аккуратно.
Заключение
Оптимизация загрузки в GeneratePress — это не только вопрос базовой настройки, но и грамотного управления подключаемыми ресурсами. Удаление ненужных CSS и JS позволит значительно ускорить сайт, улучшить SEO и пользовательский опыт.
Используйте как кодовые решения, так и удобные плагины, например, Asset CleanUp для эффективного контроля.
Если вы хотите получить дополнительные возможности для оптимизации GeneratePress, обратите внимание на GeneratePress Premium от WPShop — это расширение с большим набором инструментов для профессиональной работы с темой.