Завантажувати сss Асинхронно

PageSpeed ​​Insights від google рекомендує завантажувати скрипти та css асинхронно, але як же це працює?

А це працює так

Все загрожується поступово, і поки не завантажиться все що у шапці, вміст не відображатиметься. Щоб прискорити сторінку, завантажуватимемо css (що знаходиться в шапці сайту) асинхронно.

От так

Таким чином сторінка не чекатиме, поки станиця завантажить весь вміст css.

( Але є нюанс що сторінка завантажиться а стилі ще немає. І ви будете спостерігати за скачки блоків на сторінці).

Щоб таке зробити є такий скрипт.

Далі вставляємо цей код у footer.