Как отключить CSS и JavaScript, добавленные плагинами WordPress

от

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

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

Один из способов отключить ненужные CSS и JavaScript файлы — это использовать функции WordPress, такие как wp_dequeue_style() и wp_dequeue_script(). Они позволяют удалить стили и скрипты, добавленные плагинами. Например, вы можете добавить следующий код в файл functions.php вашей темы:

function my_custom_dequeue_scripts() {
if (is_admin()) {
wp_dequeue_style('plugin-style-handle'); // Укажите хэндл стиля плагина
wp_dequeue_script('plugin-script-handle'); // Укажите хэндл скрипта плагина
}
}
add_action('wp_enqueue_scripts', 'my_custom_dequeue_scripts');

Кроме того, существуют плагины для оптимизации, такие как Asset Cleanup или Perfmatters, которые позволяют управлять подключаемыми ресурсами без необходимости программирования. Они могут помочь вам легко отключить ненужные скрипты и стили, ускоряя загрузку страниц и улучшая производительность сайта.

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

2 простых шага как отключить CSS и JavaScript, добавленные плагинами

Шаг 1. Определите ID стиля или скрипта

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

Сначала необходимо выяснить, какой ID скрипта нужно отключить. Это можно сделать несколькими способами:

  • изучить код страницы вручную;
  • написать скрипт для автоматической проверки.

Как найти вручную?

1. Откройте главную страницу сайта и нажмите [Ctrl]+[U].

2. Найдите теги <link> или <script> в области разметки. Например, если вы хотите отключить стили плагина Contact Form 7, зачастую в ID скрипта указано наименование плагина или темы, к которому он относится.

Исходный код страницы WordPress-сайта

В коде можно заметить следующее

CSS-скрипт, который добавляет Contact Form 7, имеет идентификатор ‘ contact-form-7-css ‘.

При помощи кода

Добавьте следующий фрагмент в файл functions.php активной темы:

function site_show_script_style_ids() { global $wp_scripts, $wp_styles; echo " ".'queue as $handle ) echo $handle. " "; echo " ".'STYLE IDs:'. " "; foreach( $wp_styles->queue as $handle ) echo $handle. " "; echo " ".'-->'. " "; } add_action( 'wp_print_scripts', 'site_show_script_style_ids' );

Результат можно увидеть в исходном коде страницы ([Ctrl]+[U]).

Исходный код страницы WordPress-сайта

Шаг 2. Отключите стиль или скрипт

Для этого нужно просто добавить несколько строк в файл functions.php:

function site_disable_scripts_styles() { wp_dequeue_style( 'contact-form-7-css' ); } add_action( 'wp_enqueue_scripts', 'site_disable_scripts_styles', 99 );

В качестве параметра для функции wp_dequeue_style() укажите ID CSS-стиля.

Если необходимо отключить несколько файлов, то используйте:

wp_dequeue_style( 'ID-стиля-1' ); wp_dequeue_style( 'ID-стиля-2' ); wp_dequeue_style( 'ID-стиля-3' );

Для JavaScript-скриптов применяйте функцию wp_dequeue_script().

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

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

Оставьте комментарий