Где размещать вызов css и js?

Question

[KurtsKhalia]

Так где же размещать вызов файлов в html? Гугл все время жалуется, что код css и js не должен находиться в header-е. Но часто вижу, что modernizr размещают в шапке, как и css-файлы. И разве css вообще будет работать не в header-е?

Answer 1

[Алексей A]

Можно и в шапке но с атрибутом async или defer.
А вообще, вот вам результаты PageSpeed самого developers.google.com

Но так не часто делают. Представьте, когда используются, скажем гугловские иконки. Они сделаны как <i class="material-icons">icon_name</i>. И если отложить загрузку, пользователь может увидеть вместо иконки текст и вообще побитую вёрстку.
Поэтому необходимые стили и шрифты стараются загрузить сразу. Можно просто их сжимать, минифицировать и т.п., для ускорения загрузки. Скрипты тоже есть разные. Скажем, аналитика или реклама могут загружаться "потом", а необходимые - сразу.

Comments

[Алексей Струков]

Спасибо за тест google developers. Хороший аргумент против тех клиентов, кто будет требовать выполнения 100 процентов этого теста.