Während eines Performance-Workshops, den Harry Roberts (@csswizardry) vor kurzem durchgeführt hatte, wurde er an eine Technik erinnert, mit der man totes CSS auf einer Live-Site finden konnte. Beachte, dass er absichtlich nicht den Ausdruck „unbenutztes CSS“ verwendet hat, sondern „totes CSS“ – das spezifische Szenario, das er beschreibt, sieht ein bisschen so aus:
Stelle dir vor, du hast ein großes, lang laufendes Projekt mit Hunderttausenden von Codezeilen, die von Dutzenden von Entwicklern in vielen verschiedenen Teams bereitgestellt wurden. Nicht nur haben Sie sehr, sehr wahrscheinlich, ungenutztes CSS, Sie haben wahrscheinlich auch völlig toten Code: ganze Funktionen, die außer Betrieb genommen wurden, aber deren Code nie gelöscht wurde; Sackgassen in der Anwendung, die ziemlich schwer zu finden sind; Seiten auf der Website, die für einen Benutzer möglicherweise nicht erreichbar sind, deren Legacy jedoch weiterlebt.
Wie gehen wir vor, um diesen toten Code zu identifizieren? Werkzeuge wie uncss, obwohl sehr leistungsfähig, passen nicht ganz zur Rechnung. Was wir brauchen, ist eine fast RUM-ähnliche Lösung – wie können wir sehen, welchen Code Nutzer tatsächlich auf einer Live-Site auf dem Bildschirm sehen?
Es stellt sich heraus, dass es eine sehr einfache und kostengünstige Lösung gibt.
Schreibe einen Kommentar