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?
Wie kann ich die CSS-Parsing- und Rendering-Zeit in einem Browser messen? ⇐ HTML
-
- Similar Topics
- Replies
- Views
- Last post
Mobile version