Websites herunterladen, die styled-components nutzen

Über styled-components

Die Bibliothek erscheint auf einer Seite nie als eigene Datei. styled-components kompiliert Styles in das JavaScript-Bundle und fügt sie zur Laufzeit ein, sodass ein Crawler nur Spuren sieht: generierte Klassennamen nach einem wiedererkennbaren Muster und ein style-Element, das in den Head des Dokuments geschrieben wird. Die Erkennung hängt davon ab, dass diese Spuren den Build überstehen, was sie meist tun, denn das Benennungsschema gehört zur Funktionsweise der Bibliothek und ist kein kosmetisches Detail, das ein Build-Schritt verwerfen kann.

Solche Spuren verraten einiges über die Website, auf der sie sich finden. Eine Seite mit dieser Bibliothek ist eine React-Seite, denn die Bibliothek ist dafür gemacht, React-Komponenten zu stylen, und eine React-Seite ist ein Anwendungs-Build und kein Dokument, das in einem Content-System zusammengesetzt wurde. Jemand hat sich für eine Komponentenarchitektur entschieden, jemand betreibt einen Bundler, und jemand deployt das Ergebnis. Die Bibliothek ist in JavaScript geschrieben, wurde 2016 unter der Lizenz MIT veröffentlicht und ist kostenlos, sodass ihr Einsatz eher für den Geschmack und das Tooling eines Teams steht als für einen Kauf.

Gerade an der Version zeigt sich, was der Datensatz wert ist. Wir erfassen 96 verschiedene Versionen im Bestand, und die Websites häufen sich bei Version 5.3.11. Ein Versionsstring ist hier kein Live-Wert. Styles werden beim Build der Website kompiliert. Die Version, die in einem Bundle steckt, ist also die, die aktuell war, als zuletzt jemand einen Build erstellt und ausgeliefert hat. Eine Häufung bei einem Release bildet die Trägheit beim Deployment ab, nicht das, was die Maintainer heute veröffentlichen.

Für einen Anbieter von Entwicklertools, eine Hosting-Plattform oder alle, die an Frontend-Teams verkaufen, ist genau diese Trägheit beim Deployment das Signal, für das sich der Kauf lohnt. Bei einer Website, die auf einem älteren Release stehen geblieben ist, wurde das Frontend lange nicht neu gebaut, und das sagt etwas darüber aus, ob dahinter noch ein aktives Team, ein aktives Budget und überhaupt Interesse an neuen Tools vorhanden sind. Eine Website, die mit aktuellen Releases Schritt hält, spricht für das Gegenteil. 97.253 Websites auf diese beiden Gruppen aufzuteilen, ist keine Arbeit, die eine Abfrage pro Domain leisten kann, denn bei der Frage ging es nie um eine einzelne Domain.

Die Geografie sieht so aus, wie die Geografie einer JavaScript-Bibliothek meist aussieht. 53.127 der Websites werden in den USA gehostet, und die Domains konzentrieren sich auf die Endung .com, was eher widerspiegelt, wo React-Entwickler eingestellt werden, als dass es etwas über die Bibliothek selbst aussagt.

Zwei Einschränkungen sollte man offen benennen. Aggressive Minifizierung und ungewöhnliche Build-Konfigurationen können das erkennbare Klassenpräfix entfernen, und solche Websites fallen dann ganz aus der Zählung, statt als unbekannt zu erscheinen. Und wo sich eine Version nicht auslesen lässt, wird sie als fehlend erfasst und nicht geraten. Die Aufschlüsselung nach Versionen deckt daher nur einen Teil der erkannten Websites ab und sollte als Stichprobe davon gelesen werden.