Как называется приложение для chrome или любого другого браузера для выделения css из первых 1000 пикселей страницы?

Question

[Spunreal]

Недавно натыкался на расширение для хрома, в котором можно было выделить в отдельный "файл" весь css из первых 1000 пикселей страницы. Это нужно для нормального прохождения speed test insight от Google.
Вручную выделять все нужные стили как-то не хочется.. Сайт на бутстрапе, а не "самописном css".

Answer 1

[Семен Борисов]

А ты уже вырезал все стили, которые на проекте не используются? От этого толка чуть больше будет.

Comments

[Юнус Газиев]

Полностью поддерживаю

Answer 2

[L0k1]

не первые 1000 пикселей, а то, что видно на экране при загрузке - critical path.
могу предположить, что тут можно для этого посмотреть инструменты https://github.com/addyosmani/critical-path-css-tools

Answer 3

[Юнус Газиев]

Погугли performance-budget
Для GruntJs есть плагин https://www.npmjs.com/package/grunt-perfbudget
поможет сэкономить время на этапе разработки

Как вариант, можно встроить (заинлайнить) критичские файлы стилей в head, Ну и плюс внимательно почитать отчеты google speed test, возможно и скрипты мешают старту рендеринга страницы