Ускоряем WordPress — перемещаем весь JavaScript в Footer (подвал)

Если вы зайдете на специальные сервисы по проверке скорости и оптимизации сайта (пример PageSpeed Insights), то все они укажут вам на то, что в самом верху у вас подключено много Javascript (скриптов), которые нужно удалить либо переместить в самый низ.

Как известно, элементы, которые располагаются выше, выполняются в первую очередь. Если в header (шапка) у вас будет большое количество скриптов, контент сайта не отобразится до тех пор, пока все это не загрузится. Переместив эти скрипты в самый низ, мы ускорим отображение сайта, а значит, и скорость его загрузки.

Ускоряем WordPress - перемещаем весь JavaScript в Footer (подвал)

Что делать?

Вы можете отредактировать файлы вашей темы вручную. Зайти в header.php, вырезать скрипт и вставить его в footer.php. Но беда в том, что не все скрипты подключаются в этом файле. К примеру, скрипты плагинов, системные скрипты — их вы просто так не переместите.

Воспользуемся интересным решением. Зайдите в файл-функции вашей темы (functions.php) и в самый конец вставьте следующий код:

if(!is_admin()){
  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);
  wp_deregister_script('jquery');
  wp_register_script('jquery', ("http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"), false, '1.3.2', true);
  wp_enqueue_script('jquery');
}

Теперь все скрипты (.js) будут перемещены в футер (подвал). Можете проводить повторные замеры скорости, результат вас приятно удивит 🙂


Читайте также:

Как удалить стандартный jquery в wordpress Если вы хоть раз задумывались о масштабной оптимизации WordPress сайта, то вы наверняка задавались э...
Включаем асинхронную загрузку JavaScript на WordPress... Сейчас я расскажу Вам об интересном способе, который поможет вам ускорить свой сайт на WordPress за ...
WordPress — высокая нагрузка на хостинг. 2 хитрости для защиты с... Многие владельцы сайтов на WordPress задаются вопросами: «Почему мой сайт создает большую нагрузку н...
WordPress — запрещаем индексирование страниц с изображениями (At... При очередном анализе своего сайта, я обнаружил страшную находку! Обратите внимание, какие ст...
Что меня раздражает в твоем сайте? В этом посте я решил собрать самые раздражающие факторы, влияющие на ваших пользователей. Какие-то п...

Комментарии к посту

    1. Надо рассматривать конкретный случай. Значит у Вас происходит «конфликт» кода с каким-то плагином или темой.

  1. Отображение сайта норм после вставки в functions.php, но перестают некоторые карусели работать на главной странице с публикациями. Наверно, потому что сперва должен загрузиться скрипт, а при переносе в подвал сперва подгружается карусель (think)…

    1. Вполне возможно. Тут нужно рассматривать каждый случай отдельно, так-как у всех разные темы, скрипты и плагины.

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

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