Что пытается сказать Google Lighthouse?



@Norum

Проверил свой сайт через Google Lighthouse и он выдал вот такую рекомендацию Resources are blocking the first paint of your page. Consider delivering critical JS/CSS inline and deferring all non-critical JS/styles и я до конца не понял, что он имеет ввиду. Вроде и скрипты из head убрал и всякое лишнее почистил, но так и не ясно в чем проблема

Сайт tempes68.beget.tech

6130126d8dd9a459641255.jpeg


Решения вопроса 0


Ответы на вопрос 2



@ivankprod

Абсолютно все скрипты в конец body, и сделайте по возможности в defer. Он говорит, что данные стили (в 5 кб) грузятся очень медленно. Похоже, проблема в очень медленном соединении с вашим сервером, подумайте, что может быть причиной этому, либо попробуйте CDN.



@pahom-ka

Стили сначала грузим для печати, а потом переключаем для экрана, вот так

<link rel="stylesheet" media="print" href="https://qna.habr.com/css/style.css" onload="this.media="all""/>

И стили можно в 1 файл собрать.
Ещё по стилям можно заморочиться, если прогнать стили через critical-css генератор на Node.js и самые нужные — отправлять встроенными в страницу. И не забывать при этом загружать их потом отдельно, в последнем запросе, чтобы можно было закэшировать и использовать из кэша, при переходах на следующие страницы.
Ещё в рекомендациях google pagespeed много интересных примеров.
По скриптам прокомментировал на ответ выше.

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *