What is the name of the application for chrome or any other browser to extract css from the first 1000 pixels of a page?

Question

css

Recently I came across an extension for chrome, in which it was possible to separate all the css from the first 1000 pixels of the page into a separate "file". This is necessary for the normal passage of speed test insight from Google.
Somehow I don't want to manually select all the necessary styles. The site is on bootstrap, not "self-written css".

Answer 1

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

Answer 2

not the first 1000 pixels, but what is visible on the screen when loading - critical path.
I can assume that here you can see the tools for this https://github.com/addyosmani/critical-path-css-tools

Answer 3

Google performance-budget
There is a plugin for GruntJs https://www.npmjs.com/package/grunt-perfbudget
that will help save time at the development stage
. Alternatively, you can embed (inline) critical style files in the head. Well, plus carefully read the google reports speed test, maybe the scripts are interfering with the start of page rendering