Тут допитливий розум запитає - а навіщо переносити скрипти вниз, у підвал (footer) сайту?
А ось навіщо.
Уявіть процес - користувач відкриває сторінку сайту, в хедері якій розташовано декілька JS-скриптів.
На стороні сервера відпрацьовує весь php-код, формує єдиний html-документ = вихідний код сторінки, який починає передаватися в браузер. Код скрипта, як ми пам'ятаємо, також варто спочатку документа.
Браузер починає обробляти отриману інформацію. Відразу ж натикається на JS-скрипт, зупиняє завантаження сторінки і починає цей код виконувати.
Виконує-виконує-виконує-виконує ....
Користувач нудьгує перед екраном.
Потім браузер продовжує завантаження, до зустрічі черговим скриптом.
Головне - виконання скриптів на самому початку нікому не вперлося нікуди - користувач навіть ще не побачив сторінку, браузер адже ще не встиг її відобразити.
Відповідно, найголовніше для чого треба перенести js-скрипти в футер - це швидкість!
Сторінка вантажитиметься значно швидше в якщо всі скрипти будуть внизу: браузер швидко відобразить html-код і тільки в кінці підуть завантажуватися скрипти.
Саме тому, краще все скрипти переносити, як можна нижче, ближче до кінця сторінки, в її футер.
Додаємо цей код в functions.php
/ **
* Переносимо css і js в footer
* /
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_enqueue_scripts', 5);
add_action ( 'wp_footer', 'wp_print_head_scripts', 5);
>
add_action ( 'after_setup_theme', 'footer_enqueue_scripts');