Как перенести 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 в нижнюю часть сайта"