Как подружить Jquery и PageSpeed?

Question

[Денис]

PageSpeed постоянно ругается

Удалите из верхней части страницы код JavaScript и CSS, блокирующий отображение
Количество блокирующих скриптов на странице: 1. Они замедляют отображение контента.
Примерно 36 % содержания верхней части страницы можно отобразить, не дожидаясь загрузки указанных далее ресурсов. Попробуйте отложить ее или асинхронно загрузить блокирующие ресурсы либо встроить их особо важные составляющие прямо в код HTML.
Удалите код JavaScript, препятствующий отображению:
ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery....

jquery у меня и так в самом низу DOM, а подгружать асинхронно скрипты валятся. Какие методы подключения еще есть?

Answer 1

[Денис Инешин]

Вам намекают на неблокирующую загрузку скриптов. Это когда все-все скрипты (а не только один jQuery) подключаются в документе перед закрытием тега BODY и внутри HEAD нет ничего кроме файлов стилей. Использование атрибутов async и defer еще не является 100% кроссбраузерным решением.

Comments

[Денис]

А какое решение при этом правильное будет?

[Денис Инешин]

sten8509: все скрипты подключить перед закрытием тега BODY. Вообще все.

[Денис]

Именно так и есть. В head не намека на скрипт!
monosnap.com/image/DBguc7XkKvC2lP6j5T4mD6yS1NBUdb

[Денис]

monosnap.com/image/yOxkkdKUWILPLNBbceNkmLrbzFuEYv