Как перенести JS скрипты в WordPress в нижнюю часть сайта

Admin WordPress

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

Информация позаимствована отсюда:
https://www.kevinleary.net/move-javascript-bottom-wordpress/

Код ниже нужно вставить в файл functions.php своей темы на WordPress:

/**
 * Load Enqueued Scripts in the Footer
 *
 * Automatically move JavaScript code to page footer, speeding up page loading time.
 */
function footer_enqueue_scripts() {
   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_footer', 'wp_print_scripts', 5);
    add_action('wp_footer', 'wp_print_head_scripts', 5);
}
add_action('after_setup_theme', 'footer_enqueue_scripts');

Css стили часто подгружаются на сайт с помощью функции wp_enqueue_scripts. Есть вероятность, что основные стили вашей темы подключаются таким же образом. В этом случае при загрузке сайта на доли секунд он будет выглядеть без стилей. Не очень приятное зрелище. Поэтому надо вынести подключение своего стиля из functions.php в файл header.php. И подключить его по старинке.

<link rel='stylesheet' href='<?php bloginfo('template_url'); ?>/style.css' type='text/css' media='all' />

Или убрать из вышеприведенного кода такую строчку:

add_action('wp_footer', 'wp_enqueue_scripts', 5);

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

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

Добавить комментарий

Напишите свой комментарий, если вам есть что добавить/поправить/спросить по теме текущей статьи:
"Как перенести JS скрипты в WordPress в нижнюю часть сайта"