Вы здесь:   Главная » Вебмастеру    »    Переносим вызов скриптов в подвал на WordPress

Переносим вызов скриптов в подвал на WordPress

Если вам доводилось проверять свой сайт по средствам сервиса «PageSpeed Insights», то можно заметить, что набрать даже 80% по результатам теста непростая задача. Только выполнив большую часть рекомендаций Google, можно надеяться на повышение показателей.

И если сжатие CSS-стилей и JS-скриптов вполне по силам любому вебмастеру, то вот с пунктом Удалите код JavaScript и CSS, блокирующий отображение верхней части страницы» — возникают проблемы. В первую очередь из-за того, что в WordPress многие скрипты вызываются из «wp_head», начиная от библиотеки jquery и заканчивая компонентами установленных плагинов.

Как перенести вызов скриптов в подвал на WordPress

Естественно, что данный пункт не является «краеугольным камнем», и можно всё оставить как есть. К тому же, равняться только на показатели Google было бы неразумно, но как говорится: «Нет предела совершенству!»

На просторах сети есть несколько решений, заточенных под движок WordPress. Ниже один из таковых. Функция перенесёт вызов скриптов из заголовка в подвал сайта.

function footer_enqueue_scripts() {
# Удаляем JavaScript из заголовка
remove_action('wp_head', 'wp_print_scripts');
remove_action('wp_head', 'wp_print_head_scripts', 9);
remove_action('wp_head', 'wp_enqueue_scripts', 1);
# Выводим в footer
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');

Скопируйте код и вставьте его в файл «functions.php» вашей активной темы. Лучше будет поместить в самый конец перед «?>»

Сохраните изменения нажатием «Обновить», и очистите кеш (если на сайте используется плагин страничного кеширования). После этого, можно отправляться на страницу «PageSpeed Insights» для повторной проверки.

Примечание! Настоятельно рекомендуем сделать резервную копию файла «functions.php» (функции темы) во избежание проблем. При редактирование исходников будьте внимательны, и не нарушайте синтаксис кода, чтобы не вызвать ошибку «белого экрана».

Увы, вышеприведённое решение не является панацеей, и тут есть исключения из правил. Поэтому после убедитесь в работоспособности всех функций сайта. В частности проверьте вызов модальных окон, работу кнопки «наверх» и иных возможностей, связанных с jquery.

поделиться с друзьями:

обновлено: 10.09.2017

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

Подписаться на почтовую рассылку*
*политика конфиденциальности Google

Оставить комментарий

Авторизоваться через: 

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

Ознакомиться с пользовательским соглашением

Сообщить об опечатке

Текст, который будет отправлен нашим редакторам: