Продолжаю собирать монетки. Было 77/100. Станет 95/100. 😉
“Удалите из верхней части страницы код JavaScript и CSS, блокирующий отображение,” – говорит нам Гугль.
Ерунда какая!
Сам же гугль хочет responsible design видеть. А он строится на собственных стилях шаблонов и стилях фрэймворков (в моём шаблоне это Bootstrap).
Если все стили оптом отправить в ссылку к </body>, то плывёт отображение страницы.
Решение в исходнике самого Google:
То есть я тупо запилил все критические стили в строку и прописал их явно в хидер шаблона. 150Kb текста в шаблоне выглядят дико, но монетки от PageSpeed Insights я получил – 95/100.
Для минимизации и обратного форматирования .css использовал Dan’s Tools. Там, кстати, много нужных штук.
Да, а все JavaScripts, второстепенные CSS и линки на GoogleFonts были сосланы в низ страницы, к закрывающему тегу.
Работает.
UPD: Минимайзер Дэна жмёт не максимально, как оказалось. Вот этот пакует лучше.
