У меня есть приложение NextJs, размещенное на Zeit Now, которое я оптимизировал, чтобы оно могло запускаться в Google Page Speed Insight со счетом 100/100.
Чтобы пройти «Устранить блокировку рендеринга JavaScript»и CSS в тесте над содержимым, мне нужно было сгенерировать критический CSS для целевой страницы, вставить его в тег <style/>
в <head/>
и переместить все <link rel="stylesheet"/>
до конца телатег.
Теперь, когда я запускаю аудит с помощью Google Lighthouse, я иногда получаю предупреждение «Уменьшить таблицы стилей рендеринга», а иногда нет.
Когда появляется предупреждение, я получаю первую значимую краскупримерно через 2 с, когда его там нет, я получу его примерно через 400 мс.
Итак, мой вопрос, кому я должен доверять?