Как удалить скрипты и стили WordPress для ускорения сайта

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

Почему важно удалять ненужные скрипты и стили WordPress

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

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

Как определить, какие скрипты и стили можно отключить

Для начала нужно понять, какие именно файлы загружаются и где. Для этого удобно использовать инструменты разработчика в браузере (Chrome DevTools, Firefox Developer Tools) во вкладках Network и Sources, а также плагины, например, Query Monitor.

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

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

Удаление скриптов и стилей через wp_deregister и wp_dequeue

WordPress предоставляет функции wp_deregister_script, wp_dequeue_script, wp_deregister_style и wp_dequeue_style для удаления зарегистрированных и подключённых файлов.

Пример кода, который отключает скрипт jQuery на фронтенде:

function wpreg_remove_jquery() {
    if (!is_admin()) {
        wp_dequeue_script('jquery');
        wp_deregister_script('jquery');
    }
}
add_action('wp_enqueue_scripts', 'wpreg_remove_jquery', 100);

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

Удаление скриптов и стилей для определённых страниц

Часто нужно отключить загрузку файлов на конкретных страницах. Например, скрипты формы контакта не нужны на главной.

function wpreg_conditionally_remove_scripts() {
    if (is_front_page()) {
        wp_dequeue_script('contact-form-7');
        wp_dequeue_style('contact-form-7');
    }
}
add_action('wp_enqueue_scripts', 'wpreg_conditionally_remove_scripts', 100);

Используйте условные теги WordPress (is_page, is_single, is_front_page и др.) для точечного отключения.

Пример: отключение стилей и скриптов плагина, когда они не нужны

Рассмотрим пример с популярным плагином Quizle для создания викторин. Если викторина используется только на странице с ID 42, то скрипты и стили плагина стоит загружать только там:

function wpreg_load_quizle_only_on_quiz() {
    if (!is_page(42)) {
        wp_dequeue_script('quizle-script');
        wp_dequeue_style('quizle-style');
    }
}
add_action('wp_enqueue_scripts', 'wpreg_load_quizle_only_on_quiz', 100);

Это снижает нагрузку на остальные страницы и экономит ресурсы браузера посетителей.

Автоматизация удаления неиспользуемых стилей с помощью плагина Clearfy Pro

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

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

Советы по безопасному удалению стилей и скриптов

1. Всегда делайте резервную копию сайта перед правкой.

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

3. Используйте wp_enqueue_scripts с приоритетом 100 или выше, чтобы гарантированно отключить ранее подключенные файлы.

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

Заключение

Удаление ненужных скриптов и стилей — эффективный способ ускорить загрузку сайта на WordPress. С помощью функций wp_dequeue_script и wp_dequeue_style можно тонко настраивать загрузку ресурсов. Для новичков и тех, кто хочет упростить процесс, подойдёт плагин Clearfy Pro.

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