Удалите из верхней части страницы код JavaScript и CSS, блокирующий отображение. Как?

Question

[Петр Волханов]

У меня есть один сайт, сделанный на Wordpress. Хочу получить высокую оценку скорости сайта в Google PageSpeed Insight. И там есть такая рекомендация - Удалите из верхней части страницы код JavaScript и CSS, блокирующий отображение. Как мне выполнить эту рекомендацию для Wordpress? Буду очень признателен за любые дельные советы!

Answer 1

[jlekapb]

Вы можете перенести js код в футер используя wp_enqueue_script()

Так же можете попробовать этот скрипт, добавив его в functions.php в папке с вашей темой:

/**
 * 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_enqueue_scripts', 5);
    add_action('wp_footer', 'wp_print_head_scripts', 5);
}
add_action('after_setup_theme', 'footer_enqueue_scripts');

Comments

[Петр Волханов]

jlekapb Спасибо, сейчас попробую!

[Петр Волханов]

jlekapb Почему-то некоторые плагины перестают работать. Почему так происходит?

[jlekapb]

Евгений Привалов: с ходу причину назвать не смогу. А с каким плагином проблемы?

Answer 2

[Nikolay]

Лучше вывести все скрипты в отдельный файл, а потом подключить его в footere

Answer 3

[Aven126]

Скажите, пожалуйста, а как вернуть все на место? Перестали подгружаться стили, как я понял.