Tool zum Extrahieren von CSS im sichtbaren Teil der Seite

Question

Gibt es ein Tool, das eine gerenderte Website inspiziert, um das CSS zu extrahieren/hervorzuheben, mit dem der sichtbare Teil einer Seite (Ansichtsfenster/über dem Falz) angezeigt wird?

Mein Ziel ist es, diese Selektoren zu isolieren und sie inline einzuschließen, damit der Rest des Stylesheets in die Fußzeile integriert werden kann, um das Rendern der Seite nicht mehr zu blockieren (Optimize CSS Delivery).

Answer 1

Während die Link-einzige Antwort ist, Diese Frage sucht im Grunde genau danach.

Critical gibt Ihnen die CSS für alles, was "über dem Falz" erscheint, und möglicherweise das, was Sie suchen.

Answer 2

Wenn Sie ein Werkzeug suchen, der Ihre ungenutzte CSS betont, gibt es ein paar Optionen:

• ucss
• gulp-check-unused-css