ddimonn8080
@ddimonn8080

Как правильно подключать яваскрипт?

Здравствуйте, на сайте (wordpress) подключил jquery, плагины и кастомный яваскрипт в подвале.
a7c51d8d25ae46b9a0b9c13b999df622.jpg
Проверил с помощью speed test от google. Он написал следующее:
Удалите код JavaScript и CSS, блокирующий отображение верхней части страницы
Количество блокирующих скриптов на странице: 12. Количество блокирующих ресурсов CSS на странице: 8. Они замедляют отображение контента.
Все содержание верхней части страницы отображается только после загрузки указанных далее ресурсов. Попробуйте отложить загрузку этих ресурсов, загружать их асинхронно или встроить их самые важные компоненты непосредственно в код HTML.


Выводить непосредственно в html не хочу. Как правильно подключить эти скрипты чтобы google не ругался?
PS. С оптимизацией под google pagespeed опыта почти не имею.
Спасибо.
  • Вопрос задан
  • 314 просмотров
Решения вопроса 2
DevMan
@DevMan Куратор тега JavaScript
как минимум по максимуму подключать скрипты не со своего хоста, а со сторонних cdn.
например, https://cdnjs.com/ навскидку половина ваших скриптов там есть.

остальное, что должно лежать у себя, объеденить в один/несколько файлов.
Ответ написан
Комментировать
Stalker_RED
@Stalker_RED
Многие из этих скриптов можно грузить асинхронно. Используйте async и defer:
https://learn.javascript.ru/external-script
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы