Главная » Системы управления контентом » WordPress » Оптимизируем WordPress: Убираем JavaScript в подвал

📑 Оптимизируем WordPress: Убираем JavaScript в подвал

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

Многие темы сами по себе используют JavaScript и почему то авторы впихивают его в секцию header, в начало страницы. Хотя как правильно пишет сервис: «Все содержание верхней части страницы отображается только после загрузки указанных ресурсов».

В WordPress существует огромное количество плагинов, которые очень активно используются при разработке сайтов и некоторые тоже добавляют код JavaScript и тоже в header. Правда грамотные разработчики плагинов предлагают опцию добавить Java-скрипт плагина в footer.php, как например jQuery Colorbox, но это скорее исключение, чем правило.

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

function custom_clean_head() {
remove_action('wp_head', 'wp_print_scripts');
remove_action('wp_head', 'wp_print_head_scripts', 9);
remove_action('wp_head', 'wp_enqueue_scripts', 1);
}
add_action( 'wp_enqueue_scripts', 'custom_clean_head' );

Загрузка JavaScript переместится в подвал страницы. К сожалению это может не срабатывать на некоторых рекламных баннерах, вставленных вручную в текстовые виджеты.

При перепечатке просьба вставлять активные ссылки на oslogic.ru
Copyright oslogic.ru © 2024 . All Rights Reserved.