Wenzel Frick

Web Audits

Web Audits ist eine Open-Source- und Open-Data-Plattform zur automatisierten technischen Analyse von Webseiten. URLs werden anhand objektiv messbarer Kriterien bewertet und die Ergebnisse als Open Data zwecks Benchmarking öffentlich zugänglich gemacht.

ECOS-Analyserahmen

Das Audit basiert auf dem ECOS-Indikator, einem Composite Index, der technische Metriken in vier Dimensionen bündelt:

  • Efficient: Messung von Datenvolumen, Request-Overhead und Ladegeschwindigkeit.
  • Clean: Schätzung des CO2-Fussabdrucks basierend auf Datentransfer und Hosting-Parametern.
  • Open: Bewertung der technischen Barrierefreiheit, Einhaltung offener Webstandards und SEO Best Practices.
  • Safe: Analyse der Infrastruktur-Reputation (IP-Risk) und der Implementierung von Security-Headern (CSP, HSTS).

Verwendete AWS-Dienste

Die Applikation basiert auf mehreren miteinander verknüpften AWS-Clouddiensten. Zentrale Dienste sind:

  • Lambda-Funktionen für das serverseitige Rendering des React Router Fullstack-Frameworks und als Recheneinheit für die Durchführung des Audits.
  • Zur Speicherung der Audit-Resultate wird DynamoDB, eine verwaltete NoSQL-Datenbank, verwendet.
  • Über EventBridge (Cron) werden tägliche Backend-Prozesse gesteuert. Diese berechnen deskriptive Statistiken (Perzentile und Mittelwerte) über den gesamten Datenbestand und regenerieren dynamisch die XML-Sitemaps.
  • CloudFront zum Hosting der Web-App und der REST-API, über welche Audits und Daten abgefragt werden können.

Open Source und Open Data

Die Durchführung von Audits und die Abfrage von Daten ist kostenlos. Um die Betriebskosten zu begrenzen, ist die Anzahl neuer Audits in der Anfangsphase auf 3.000 pro Tag limitiert.

Der Code des Projekts ist auf GitHub einsehbar und unter Apache 2.0 lizenziert.

Tech-Stack

  • React Frontend
  • React Router Full-Stack-Framework für serverseitiges Rendering, Routing und Tooling
  • AWS Cloud-Dienste für Hosting, Computing und Datenspeicherung
  • SST Framework für die Konfiguration und das Deployment von AWS-Diensten
  • Code auf GitHub
Link zum Showcase / webaudits.org
Screenshot der Suchmaske von webaudits.org
URLs werden über die Suchmaske eingegeben. Das Audit nimmt je nach Umfang der untersuchten Seite etwa eine halbe Minute in Anspruch.
Screenshot der zusammengefassten Audit-Resultate
Das Audit basiert auf einem Composite Index, der die Kategorien Effizienz, Nachhaltigkeit, Zugänglichkeit und Sicherheit umfasst.
Screenshot eines Treemap-Diagramms, welches die Zusammensetzung und Gewichtung des ECOS-Scores zeigt.
Die Zusammensetzung und Gewichtung der Teilresultate werden in verschiedenen Ansichten visualisiert, hier in Form eines Treemaps
Screenshot mit einem Pie- und einem Donut-Diagramm; dargestellt wird die Menge der transferierten Daten nach Datentyp.
Die Teilergebnisse der Analyse werden tabellarisch und mittels Grafiken veranschaulicht.
Screenshot der REST-API-Dokumentation mit Endpunkten und Datenstruktur.
Die Daten können über eine REST-API abgefragt werden. Diese ist nach dem OpenAPI-3.0.0-Standard dokumentiert.
Screenshot des Leaderboards mit den 100 am besten bewerteten Audits.
Listen führen die Audits mit den höchsten Bewertungen sowie die zuletzt durchgeführten Analysen auf.
Screenshot der deskriptiven Statistik mit einem Violin-Boxplot-Diagramm.
Deskriptive Statistiken für den Gesamt-Score sowie die Teilbereiche werden täglich neu berechnet.
Zurück zu allen Showcases