Загрузка...
Одна из рекомендаций PageSpeed Insights это — «Удалите код JavaScript и CSS, блокирующий отображение верхней части страницы»
и там перечень скриптов, которые якобы мешают отображению.
Что с этим делать? Помогает вариант переноса скрипта в подвал сайта.
Теперь рассмотрим вариант размещения скрипта в подвале, как раз в выводе функции wp_footer()
Например, у нас есть скрипт jquery.fancybox.pack.js, который уже подключен в функции темы и отображается в wp_head().
Находим где он подключен в файле функции темы functions.php
. . .
wp_enqueue_script( 'fancybox-js', get_stylesheet_directory_uri() . '/js/fancybox/jquery.fancybox.pack.js', array('jquery'), '1.0.0');
. . .
Далее делаем всего лишь одну правку, добавляем true, в конце wp_enqueue_script.
Это означает что выводить в wp_footer().
. . .
wp_enqueue_script( 'fancybox-js', get_stylesheet_directory_uri() . '/js/fancybox/jquery.fancybox.pack.js', array('jquery'), '1.0.0', true);
. . .
Согласно спецификации wp_enqueue_script и wp_register_script, последний параметр указывает in_footer, то есть в подвале или нет.
wp_enqueue_script( $handle, $src, $deps, $ver, $in_footer ); wp_register_script( $handle, $src, $deps, $ver, $in_footer );