Web
Audits

Audit-Ergebnisse für css-tricks.com

Während der Analyse sind Fehler aufgetreten, die das Ergebnis möglicherweise verfälschen.
Details zu Fehlermeldungen
  • The page loaded too slowly to finish within the time limit. Results may be incomplete.

Resultat und Teilergebnisse

ECOS Score und Teilbereiche
URL
Datum
ScoresGesamtscore ECOS v173
Effizient73
Sauber45
Offen87
Safe85
ECOS Score Anzeige73ECOS Score
Resultat des Scores im Vergleich mit Audits in der ECOS-Datenbank.
css-tricks.com73
Durchschnitt (arithmetisches Mittel)67
Statistische Verteilungp9089
p7579
Median61
p2555
p1051
DatensetLetzte Aktualisierung16.4.26, 07:25
Anzahl Messpunkte (n)486
Statistische Verteilung der Audits7367

Wie setzt sich der Score zusammen?

Veranschaulichung der Zusammensetzung des Scores und Gewichtung der Teilindikatoren (relative Werte in Klammern)

Zusammensetzung des ECOS ScoresECOS Score Anzeige73Scores25%ECOS Score Anzeige73Effizienz25%ECOS Score Anzeige45Sauber25%ECOS Score Anzeige87Offen25%ECOS Score Anzeige85Safe40% (10%)ECOS Score Anzeige70Leistung30% (7.5%)ECOS Score Anzeige100Best Practices30% (7.5%)ECOS Score Anzeige49Network50% (12.5%)ECOS Score Anzeige89Barrierefrei50% (12.5%)ECOS Score Anzeige85SEO50% (12.5%)ECOS Score Anzeige100Vertrauen50% (12.5%)ECOS Score Anzeige70Secure50% (3.75%)ECOS Score Anzeige49Anfragen50% (3.75%)ECOS Score Anzeige49Datenmenge50% (6.25%)ECOS Score Anzeige100Webrisk50% (6.25%)ECOS Score Anzeige100IP Check

Detaillierte tabellarische Darstellung zur Berechnung des Scores sowie Quellenhinweise zu den Teilindikatoren.

IndexWertGewichtungTeilindikatoren
Scores
73100%
IndexWertGewichtungTeilindikatoren
Effizienz
7325%
IndexWertGewichtungDatenquellen
Leistung
7040% (10%)
Best Practices
10030% (7.5%)
Network
4930% (7.5%)
IndexWertGewichtungDatenquellen
Anfragen
4950% (3.75%)
  • Relativer Score: Anzahl von HTTP Requests (komprimiert) wird mit Daten aller Webseiten in Beziehung gesetzt
  • PageSpeed API (Google) - Anzahl HTTP Requests lighthouseResult.audits.network-requests.details.items[].transferSize
  • httparchive.org - Relative Häufigkeiten von Webseiten nach Anzahl HTTP Requests Daten (2024)
  • Web Audits/GitHub - create_subscore_requests
Datenmenge
4950% (3.75%)
  • Relativer Score: Grösse der transferierten Daten (komprimiert) wird mit Daten aller Webseiten in Beziehung gesetzt
  • PageSpeed API (Google) - Tranferierte Daten nach Typ lighthouseResult.audits.network-requests.details.items[].resourceSize
  • httparchive.org - Relative Häufigkeiten von Webseiten nach übertragenen Daten (2024)
  • Web Audits/GitHub - create_subscore_weight
Sauber
4525%
Offen
8725%
IndexWertGewichtungDatenquellen
Barrierefrei
8950% (12.5%)
SEO
8550% (12.5%)
Safe
8525%
IndexWertGewichtungTeilindikatoren
Vertrauen
10050% (12.5%)
IndexWertGewichtungDatenquellen
Webrisk
10050% (6.25%)
  • Web Risk API (Google) - Überprüfung, ob URL wegen Malware, Social Engineering oder erzwungener Downloads bekannt ist
IP Check
10050% (6.25%)
  • AbuseIPDB - Überprüfung, ob IP-Adresse mit Malware oder schädlichen Praktiken gelistet ist
Secure
7050% (12.5%)

API-Quellen & Einzeltests

Dieses Audit basiert massgeblich auf den folgenden Schnittstellen. Hier können die Tests separat durchgeführt werden:

Bewertungskategorien

Efficient: Performance & Ressourcen

Die Kategorie Efficient bewertet, wie schnell und ressourcenschonend eine Webseite arbeitet. Ein hoher Score signalisiert kurze Ladezeiten und eine saubere technische Basis.

Der Teilscore basiert primär auf den Lighthouse-Metriken für Performance und Best Practices. Zusätzlich findet ein relatives Benchmarking statt: Die übertragene Datenmenge sowie die Anzahl der Server-Anfragen werden ins Verhältnis zu aktuellen Durchschnittswerten der HTTP-Archive-Datenbank gesetzt. So wird präzise gemessen, wie effizient die Seite im Vergleich zum globalen Webstandard abschneidet.

Effizienz reduziert hierbei nicht nur die CPU-Last, sondern verbessert direkt die Nutzererfahrung.

ECOS Score Anzeige73Effizienz
Resultat des Scores im Vergleich mit Audits in der ECOS-Datenbank.
css-tricks.com73
Durchschnitt (arithmetisches Mittel)70
Statistische Verteilungp9096
p7584
Median69
p2554
p1044
DatensetLetzte Aktualisierung16.4.26, 07:25
Anzahl Messpunkte (n)486
Statistische Verteilung der Audits7370

Leistung

Der Performance-Score bewertet die Geschwindigkeit, mit der Inhalte geladen und interaktiv werden. Er analysiert Metriken wie die Ladezeit des grössten Elements (LCP) und die Reaktionsfähigkeit. Eine hohe Performance spart Zeit und schont die Hardware-Ressourcen der Nutzer.

ECOS Score Anzeige70Leistung

Best Practices

Dieser Indikator prüft die Einhaltung moderner Webstandards. Dazu gehören Sicherheitsaspekte, korrekte Bildformate und die Vermeidung veralteter Technologien. Saubere Best Practices bilden das Fundament für eine langlebige, effiziente und wartbare Web-Architektur.

ECOS Score Anzeige100Best Practices

Datenübertragung

Hier wird die Datenlast im Vergleich zum globalen Durchschnitt (HTTP Archive) bewertet. Gemessen werden die Gesamtgrösse der übertragenen Bytes sowie die Anzahl der Serveranfragen. Weniger Datenverkehr bedeutet direkt weniger Energieverbrauch und schnellere Ladevorgänge weltweit.

ECOS Score Anzeige49Network

Anzahl der Anfragen (Requests)

Jede angeforderte Datei erzeugt einen Kommunikationsaufwand zwischen Browser und Server. Wir setzen die Gesamtzahl der Anfragen ins Verhältnis zum Median der HTTP-Archive-Datenbank. Weniger Requests bedeuten weniger Overhead und einen deutlich schnelleren Seitenaufbau, besonders bei instabilen Verbindungen.

ECOS Score Anzeige49Anfragen

Anzahl Requests
css-tricks.com
72
Statistische Verteilungp90177
p75114
Median70
p2540
p1021
DatenZeit2024
GerätettypMobile
Homepage (root page)
Quellen
Benchmark vs. HTTP Archive72
HTTP Requests nach Resourcen Typ und Herkunft
HTTP AnfragenAnteil
Datentyp
Script2534.72%
Bilder3143.06%
Fonts34.17%
Document34.17%
Style45.56%
Andere68.33%
Medien00%
Total72100%
Herkunft
Third Party4461.11%
Self2838.89%
Anzahl der Anfragen nach DateitypScript (34.72%)Bilder (43.06%)Fonts (4.17%)Document (4.17%)Style (5.56%)Andere (8.33%)Medien (0%)Third Party (61.11%)Self (38.89%)
Übertragene Datenmenge

Gemessen wird die Gesamtgrösse der Webseite in Kilobytes. Dieser Wert wird mit den Durchschnittswerten aus Millionen von Webseiten (HTTP Archive) verglichen. Eine geringe Datenlast spart Bandbreite auf Nutzerseite und reduziert die Energie, die für den globalen Datentransfer aufgewendet werden muss.

ECOS Score Anzeige49Datenmenge

Datenübertragung (in kb)
css-tricks.com
2495
Statistische Verteilungp909603.52
p754702.96
Median2357.43
p251156.58
p10487.09
DatenZeit2024-06-01
GerätettypMobile
Homepage (root page)
Quellen
Benchmark vs. HTTP Archive2495
Datenmenge Typ und Herkunft
Datenmenge (kb)Anteil
Datentyp
Script55244.91%
Bilder48739.63%
Fonts1159.36%
Document362.93%
Style332.69%
Andere50.41%
Medien00%
Total1229100%
Herkunft
Third Party69556.55%
Self53443.45%
Datenmenge nach DateitypScript (44.91%)Bilder (39.63%)Fonts (9.36%)Document (2.93%)Style (2.69%)Andere (0.41%)Medien (0%)Third Party (56.55%)Self (43.45%)

Clean: Ökologischer Fussabdruck

Der Bereich Clean misst die ökologische Nachhaltigkeit des digitalen Betriebs. Im Fokus steht die CO2-Bilanz, die durch das Hosting und den Datentransfer entsteht.

Die Berechnung erfolgt unter Verwendung der co2.js-Bibliothek und berücksichtigt zwei wesentliche Faktoren: Den geschätzten Energieverbrauch pro Seitenaufruf sowie den Anteil erneuerbarer Energien im Stromnetz des jeweiligen Serverstandorts (Grid Intensity).

Ein hoher Score zeigt, dass die Webseite mit minimalem CO2-Ausstoss betrieben wird und auf umweltfreundliche Infrastrukturen setzt. Dies macht die unsichtbaren Umweltauswirkungen digitaler Produkte transparent und bewertbar.

ECOS Score Anzeige45Sauber
Resultat des Scores im Vergleich mit Audits in der ECOS-Datenbank.
css-tricks.com45
Durchschnitt (arithmetisches Mittel)33
Statistische Verteilungp9099
p7572
Median0
p250
p100
DatensetLetzte Aktualisierung16.4.26, 07:25
Anzahl Messpunkte (n)486
Statistische Verteilung der Audits4533

CO2 Emmissionen

Resultate Greencheck API
TeilbereichIndexWert
CO₂Wie hoch sind die CO₂ Emmisionen von css-tricks.com?216.486g CO₂ pro 1'000 Seitenaufrufe.
CO2.js (Green Web Foundation) Rating von css-tricks.comD
EnergiequelleVerwendet der Hosting Provider von css-tricks.com erneuerbare Energien?Ja
Documente

Open: Zugänglichkeit und Auffindbarkeit

In der Kategorie Open wird bewertet, wie zugänglich und auffindbar eine Webseite für Mensch und Maschine ist. Transparente Strukturen und offene Standards sind hierbei die entscheidenden Kriterien.

Der Score setzt sich aus zwei zentralen Lighthouse-Audits zusammen: Accessibility (Barrierefreiheit) und SEO (Suchmaschinenoptimierung). Ein hoher Wert garantiert, dass die Inhalte für Menschen mit Einschränkungen uneingeschränkt nutzbar sind und technische Hürden die Sichtbarkeit in Suchmaschinen nicht behindern.

Offenheit fördert somit ein inklusives Internet und stellt sicher, dass Informationen für jeden Nutzerkreis gleichermassen erreichbar bleiben.

ECOS Score Anzeige87Offen
Resultat des Scores im Vergleich mit Audits in der ECOS-Datenbank.
css-tricks.com87
Durchschnitt (arithmetisches Mittel)91
Statistische Verteilungp90100
p7597
Median92
p2587
p1080
DatensetLetzte Aktualisierung16.4.26, 07:25
Anzahl Messpunkte (n)486
Statistische Verteilung der Audits8791

Barrierefreiheit

Dieser Score gibt an, wie gut eine Webseite für Menschen mit Beeinträchtigungen nutzbar ist. Bewertet werden Aspekte wie Kontrastverhältnisse, Screenreader-Kompatibilität und logische Strukturen. Ein inklusives Web ist ein offenes Web, das niemanden durch technische Hürden ausschliesst.

ECOS Score Anzeige89Barrierefrei

SEO

Der SEO-Score prüft die technische Auffindbarkeit durch Suchmaschinen. Er stellt sicher, dass Inhalte korrekt indiziert werden können und Metadaten vorhanden sind. Gute SEO macht Informationen offen zugänglich und für die jeweils relevante Zielgruppe im Netz sichtbar.

ECOS Score Anzeige85SEO

Safe

Der Teilindex Safe bewertet die technische Integrität und Reputation einer Webseite. Die Analyse kombiniert Infrastruktur-Prüfungen via AbuseIPDB und Google Web Risk zur Erkennung von Malware oder Blacklistings mit einer tiefgehenden Prüfung der HTTP-Sicherheits-Header durch das MDN HTTP Observatory. Dieser mehrstufige Ansatz stellt sicher, dass sowohl der Ruf des Servers als auch die Umsetzung moderner Verschlüsselungs- und Schutzstandards verifiziert werden.

ECOS Score Anzeige85Safe
Resultat des Scores im Vergleich mit Audits in der ECOS-Datenbank.
css-tricks.com85
Durchschnitt (arithmetisches Mittel)74
Statistische Verteilungp9090
p7585
Median73
p2563
p1063
DatensetLetzte Aktualisierung16.4.26, 07:25
Anzahl Messpunkte (n)486
Statistische Verteilung der Audits8574

Vertrauen & Reputation

Die Integrität der Domain wird gegen globale Datenbanken wie Google Webrisk und AbuseIPDB geprüft. So wird sichergestellt, dass die Seite nicht für Malware, Phishing oder betrügerische Aktivitäten bekannt ist. Dies bildet die essenzielle Basis für digitales Vertrauen.

ECOS Score Anzeige100Vertrauen

Google Web Risk

Dieser Indikator gleicht die URL mit den Listen von Google für gefährliche Webressourcen ab. Geprüft wird, ob die Seite für Phishing, Social Engineering oder die Verbreitung von Malware bekannt ist. Ein negatives Ergebnis garantiert, dass Besucher vor bösartigen Inhalten geschützt sind.

ECOS Score Anzeige100Webrisk

AbuseIPDB Check

Hier wird die Reputation der Server-IP geprüft. AbuseIPDB sammelt Meldungen über bösartige Aktivitäten wie Spam oder DDoS-Angriffe. Ein sauberer Score bestätigt, dass das Hosting-Umfeld der Webseite nicht mit kriminellen Aktivitäten in Verbindung gebracht wird.

ECOS Score Anzeige100IP Check

Mozilla HTTP Observatory

Das MDN HTTP Observatory ist ein Analysetool von Mozilla, das die Konfiguration von Sicherheits-Headern einer Webseite bewertet. Es hilft Entwicklern dabei, moderne Sicherheitsstandards wie CSP, HSTS und CORS korrekt zu implementieren, um Risiken wie Cross-Site Scripting oder Clickjacking zu minimieren. (HTTP Observatory Scoring Methodology)

ECOS Score Anzeige70Secure

HTTP Observatory Resultate
HTTP Observatory Score70/100
HTTP Observatory BewertungB
TestsBestanden6
Fehlgeschlagen2
HTTP Observatory Tests
TestBestandenModifierErgebnisBeschreibung
Content Security Policy-25csp-not-implementedContent Security Policy (CSP) Header nicht implementiert
Strict Transport Security0hsts-implemented-max-age-at-least-six-monthsHSTS mit einer max-age von mindestens 6 Monaten implementiert
Content Type Schutz0x-content-type-options-nosniffX-Content-Type-Options Header auf 'nosniff' gesetzt
Clickjacking Schutz0x-frame-options-implementedX-Frame-Options Header korrekt implementiert
Referrer Richtlinie0referrer-policy-safeReferrer-Policy mit einem sicheren Wert implementiert
Cookie Sicherheit-5cookies-without-samesite-flagCookies ohne SameSite-Flag gesetzt
Ressourcen-Sharing (CORS)0cross-origin-resource-sharing-not-implementedInhalt ist nicht via CORS sichtbar
HTTPS Weiterleitung0redirection-all-httpsSeite verwendet HTTPS

CrUX Reports: Reale Nutzererfahrung

Die CrUX Reports (Chrome User Experience Report) bieten wertvolle Einblicke in die tatsächliche Performance einer Webseite aus Sicht echter Nutzer weltweit.

Im Gegensatz zu synthetischen Labortests spiegeln diese Daten reale Bedingungen wie unterschiedliche Hardware-Leistungen, schwankende Netzwerkgeschwindigkeiten und individuelle Browser-Konfigurationen wider. Da diese Metriken für Google ein wesentlicher Ranking-Faktor sind, zeigen sie unmittelbar auf, wie die Webseite im Alltag der Besucher performt.

Die Analyse erfolgt dabei auf zwei Ebenen, um sowohl die spezifische Unterseite als auch die Qualität der gesamten Domain (Origin) zu bewerten.

CrUX Page

Dieser Indikator zeigt die Performance-Daten für die exakt getestete URL. Er gibt Aufschluss darüber, wie spezifische Inhalte und Funktionen dieser einzelnen Seite von echten Nutzern im Alltag erlebt werden. Dies ist besonders wertvoll, um die Wirkung gezielter Optimierungen auf einer spezifischen Landingpage zu verifizieren.

CrUX results
IndikatorScore (CrUX)Score (linear)WertVerteilung (CrUX API)
GesamtAVERAGE73
Kumulative Layoutverschiebung (Wert)schnell990CrUX Performance Verteilung0.00.20.40.60.81.0Perzentil0102030ms
Experimentelle Zeit bis zum ersten Bytedurchschnittlich561346CrUX Performance Verteilung0.000.100.200.300.400.50Perzentil05001000150020002500ms
Zeit bis zur ersten inhaltsreichen Darstellung (in ms)durchschnittlich911806CrUX Performance Verteilung0.00.20.40.6Perzentil01000200030004000ms
Interaktion bis zur nächsten Darstellungschnell9799CrUX Performance Verteilung0.00.20.40.60.81.0Perzentil0200400600ms
Zeit bis zur grössten inhaltsreichen Darstellung (in ms)schnell952001CrUX Performance Verteilung0.00.20.40.60.8Perzentil0100020003000400050006000ms

CrUX Origin

Der Origin-Score aggregiert die Nutzererfahrungsdaten über die gesamte Domain hinweg. Dies liefert ein umfassendes Gesamtbild der technischen Qualität der Website-Infrastruktur. Es hilft zu beurteilen, ob Performance-Probleme systemischer Natur sind oder lediglich einzelne Seiten eines Webauftritts betreffen.

CrUX results
IndikatorScore (CrUX)Score (linear)WertVerteilung (CrUX API)
GesamtAVERAGE77
Kumulative Layoutverschiebung (Wert)schnell980CrUX Performance Verteilung0.00.20.40.60.81.0Perzentil0102030ms
Experimentelle Zeit bis zum ersten Bytedurchschnittlich761059CrUX Performance Verteilung0.00.20.40.6Perzentil05001000150020002500ms
Zeit bis zur ersten inhaltsreichen Darstellung (in ms)schnell941460CrUX Performance Verteilung0.00.20.40.60.8Perzentil01000200030004000ms
Interaktion bis zur nächsten Darstellungschnell96121CrUX Performance Verteilung0.00.20.40.60.8Perzentil0200400600ms
Zeit bis zur grössten inhaltsreichen Darstellung (in ms)schnell971548CrUX Performance Verteilung0.00.20.40.60.8Perzentil0100020003000400050006000ms

Daten vergangener Audits

Zusammenfassung
Durchschnitt73
Anzahl Audits1

Q & A: Interpretation der Ergebnisse

Inwieweit folgt css-tricks.com technischen Best Practices hinsichtlich Nachhaltigkeit und Sicherheit, wie hoch ist der ECOS Gesamtscore und wie ist das Resultat im Vergleich mit anderen Seiten?
Das Resultat liegt über dem Median der Vergleichswerte. Der Score beträgt 73/100.
Wie effizient ist css-tricks.com bezüglich Datentransfer und Ladegeschwindigkeit optimiert, wie schneidet die Seite im ECOS Audit in dieser Hinsicht ab und wie steht sie im Vergleich zum Wettbewerb da?
Das Resultat liegt über dem Median der Vergleichswerte. Der Score beträgt 73/100.
Wie steht es um die technische Sicherheit und den Schutz der Privatsphäre auf css-tricks.com, wie hoch ist der ECOS Safe-Score und wie sicher ist die Seite im direkten Vergleich mit anderen Seiten?
Der Score beträgt 85/100. Die Bewertung ist höher als 75% der Audits in der ECOS-Datenbank
Inwieweit setzt css-tricks.com auf offene Standards und digitale Barrierefreiheit, wie viele Punkte erreicht die Seite im ECOS Open-Rating und wie inklusiv ist sie im Vergleich zu anderen Webseiten?
Der ECOS-Score beträgt 87/100, das Resultat liegt in der schlechteren Hälfte der untersuchten Webseiten.
Wie nachhaltig ist der ökologische Fussabdruck von css-tricks.com durch optimierte Ressourcen-Nutzung, wie hoch ist der ECOS Clean-Score und wie ist das Resultat im Vergleich zu anderen untersuchten Seiten?
Das Resultat liegt über dem Median der Vergleichswerte. Der Score beträgt 45/100.

Rohdaten Downloads für css-tricks.com

Audit-Rohdaten und ECOS-Statistiken als JSON herunterladen.

Die Daten können auch programmatisch über die REST-API abgerufen werden. Details dazu finden sich in der Dokumentation.

  • Basis Audit Scores: Kompakte JSON-Response mit den 5 Haupt-Scores.
  • Vollständiges Audit-Detail: Detaillierte Analyse-Ergebnisse inklusive aller technischen Einzelprüfungen.
  • Audit Historie: Zeitliche Entwicklung der Scores über alle bisherigen Messungen.
  • ECOS Benchmark Statistiken: Deskriptive Statistik und Perzentil-Verteilung der gesamten ECOS Datenbank.

Lizenz: CC-BY-SA 4.0.