Добавление скриптов в футер wp_footer (WordPress)

1 Звезда2 Звезды3 Звезды4 Звезды5 Звезд (Пока оценок нет)
Загрузка...

Одна из рекомендаций 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 );

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

Ваш e-mail не будет опубликован. Обязательные поля помечены *