Як завантажувати css щоб домогтися високої оцінки в google pagespeed insights

Ігнорую це правило, при цьому оцінка 94 \ 100. По хорошому, прибирати файл стилів з head можна тільки тоді, коли у вас згенерований правильний critical path, тобто критичні для відображення стилі, розміщені інлайново в тезі style. У всіх інших випадках або милиці, або неприємний ефект FOUC (Flash of unstyled content), коли користувач бачить вміст сторінки до того, як стилі завантажаться. Так бути не повинно.

Не забувайте відзначити рішенням, якщо відповідь допоміг!

В ідеалі вам потрібно зібрати всі стилі в один файл, стилі підключати скриптом, наприклад, так:

Можете розповісти навіщо JS, якщо він там не потрібен?

Ваня Зюзгін. Не звертайте уваги, він несе маячню. При виклику його скрипта при doc ready, спосіб рівносильний розміщення стилів в кінці сторінки, а при виклику як є не має сенсу в принципі.


У мене по Google PageSpeed ​​Insights 98/100 по мобільним і десктопів, 100/100 зручність. 2 очка не добрав бо використовую скрипти Я.Метрікі і G.Аналітка - лається на кешування. Потенційно можна виправити, але на шкоду актуальних версій цих скриптів.