Wie kann ich die CSS-Parsing- und Rendering-Zeit in einem Browser messen?HTML

HTML-Programmierer
Anonymous
 Wie kann ich die CSS-Parsing- und Rendering-Zeit in einem Browser messen?

Post by Anonymous »

Ich habe eine große SPA mit einer einzigen großen CSS-Datei, die viele Regeln enthält. Einige davon sind veraltet und sollten überarbeitet oder entfernt werden. Es wird aus einer Reihe von SCSS-Quelldateien kompiliert.
Ich überarbeite gerade Stile und frage mich, ob es eine Möglichkeit gibt, zu messen, wie lange es dauert, die Seite mit einer bestimmten CSS-Datei zu rendern.
Sagen wir, ich bin am Anfangspunkt, wo viel Mist in CSS ist, und ich kann sehen, dass es mit dem aktuellen aufgeblähten Stylesheet 2,234 Sekunden dauert, die Anwendung zu rendern.
Dann überarbeite ich es Schritt für Schritt, wende einige „Optimierungen“ an und bei jedem Schritt kann ich sehen, dass sich die Renderzeit bei einigen Änderungen verringert und beispielsweise auf 2,21 Sekunden beträgt und bei einigen anderen Änderungen diese Zeit beispielsweise um 2,5 Sekunden steigt.
Gibt es eine Möglichkeit, diese Metrik zu erhalten?

Quick Reply

Change Text Case: 
   
  • Similar Topics
    Replies
    Views
    Last post