Zum Inhalt springen
EUID Prüfservice & Prüfsiegel, Startseite
Website prüfen lassen

Prüfpunkt co2.fremdanteilDatenmenge je Aufruf

Was bedeutet es, wenn mehr als die Hälfte der Daten von fremden Servern kommt?

Viele Websites laden Schriften, Videos, Karten, Bibliotheken und Analyse-Dienste von Servern anderer Anbieter. Die Prüfung trennt beim Laden die Bytes, die vom Hostnamen der Seite kommen, von denen anderer Server. Kommen mehr als 50 % von fremden Servern, entsteht der Befund. Er nennt die fünf fremden Server mit den meisten KB.

Fremde Anbieter stehen auf fast jeder Seite und laden weitere nach

Laut Web Almanac 2024 binden 92 % der Seiten mindestens einen fremden Anbieter ein. Unter der Million meistbesuchter Websites sind es im Median 27 fremde Anbieter je Seite. Viele davon stehen nicht im HTML der Seite, weil ein anderer Dienst sie nachlädt: Der Google Tag Manager holt weitere Google-Adressen, dazu Facebook und Shopify, und 14 % dieser Nachlade-Ketten haben mehr als fünf Glieder. Beim JavaScript ist das Verhältnis deutlich: Eine mittlere Seite lädt am Telefon 168 KB eigenes und 375 KB fremdes JavaScript.

Die fremden Server laufen meist mit Ökostrom, die Bytes landen trotzdem beim Besucher

Im Web Almanac 2024 kamen 97 % der Anfragen an fremde Server von Hostern, die bei der Green Web Foundation als grün geführt sind; 2022 waren es 91 %. Das Rechenzentrum ist nach dem Sustainable Web Design Model aber der kleinere Teil: 15 % des Stroms entfallen dort, 14 % auf das Netz und 52 % auf die Geräte der Besucher. Jedes fremde Skript wird auf dem Telefon Ihres Kunden übersetzt und ausgeführt, jedes fremde Video dort entschlüsselt. Für Gewicht, Ladezeit und Akku zählt die Menge, die ankommt.

Was Sie selbst ausliefern, hängt nur an Ihrem Server

Die Web Sustainability Guidelines, ein Entwurf einer Interessengruppe beim W3C, empfehlen, Inhalte, Symbole, Schriften, Skripte und Widgets von eigener Infrastruktur auszuliefern, wo das machbar ist, weil das die Abhängigkeit von fremden Systemen verringert und die Seite zuverlässiger macht. Fremde Inhalte sollen erst laden, wenn der Besucher etwas damit tut. Praktisch heißt das: Ist der Server eines Anbieters langsam oder gestört, wartet Ihre Seite für die selbst ausgelieferten Dateien nicht mit. Eine neue Fassung, eine größere Datei oder ein zusätzlicher Dienst des Anbieters kommt erst auf Ihre Seite, wenn Sie die Änderung übernehmen.

Warum der Anteil zählt

Was ein fremder Server liefert, bestimmt dessen Betreiber: Dateigröße, Kompression, Zwischenspeicher und den Strom seines Rechenzentrums. Jeder fremde Server braucht außerdem eine eigene Verbindung. Ein hoher Fremdanteil heißt, dass ein großer Teil von Gewicht und CO₂-Wert der Seite außerhalb Ihrer Hand liegt.

Der Zusammenhang mit Daten & Recht

Jeder Abruf von einem fremden Server übermittelt die IP-Adresse des Besuchers an diesen Anbieter. Schriften, die vor der Einwilligung von fremden Servern laden, meldet der Prüfbereich Daten & Recht (im Bericht „Datenschutz“) als eigenen Befund; Bibliotheken von fremden Servern führt er in einer Liste. Liefern Sie beides selbst aus, verschwinden diese Einträge, und der Anteil fremder Server sinkt.

Was sich selbst ausliefern lässt

Schriften lassen sich herunterladen und von der eigenen Domain ausliefern, auch die von Google Fonts. Dasselbe gilt für Bibliotheken wie jQuery oder Swiper, für Symbole und Bilder. Videos und Karten lassen sich mit einem Vorschaubild einbinden, das den fremden Inhalt erst auf Klick lädt.

Beispiele

Schrift

Nicht erfüllt
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Roboto:wght@100..900">
Erfüllt
@font-face {
  font-family: "Roboto";
  src: url("/schriften/roboto-var.woff2") format("woff2");
  font-weight: 100 900;
  font-display: swap;
}

Video

Nicht erfüllt
<iframe src="https://www.youtube.com/embed/abc123"></iframe>
Erfüllt
<a href="https://www.youtube.com/watch?v=abc123" class="video-vorschau">
  <img src="/bilder/video-vorschau.webp" width="640" height="360"
       alt="Video auf YouTube ansehen: So läuft eine Prüfung ab">
</a>

So gehen Sie es an

  1. Lesen Sie im Befund die fünf größten fremden Server mit ihren KB und beginnen Sie beim größten.
  2. Laden Sie Schriften und Bibliotheken herunter und liefern Sie sie von Ihrer Domain aus.
  3. Binden Sie Videos und Karten mit einem Vorschaubild ein, das den fremden Inhalt erst auf Klick lädt.
  4. Behalten Sie die Dienste, deren Auswertung Sie lesen, und entfernen Sie die übrigen.

Tipps aus der Praxis

  • In den Chrome-Entwicklerwerkzeugen zeigt der Filter „3rd-party requests“ (im Netzwerk-Reiter unter „More filters“) nur die Anfragen an fremde Server. Nach Größe sortiert sehen Sie, welcher Anbieter am meisten Daten schickt.
  • Lassen Sie sich von der Person, die den Tag-Manager pflegt, die Liste der aktiven Dienste geben. Was dort steht, lädt bei jedem Besucher, auch wenn es im HTML der Seite nicht auftaucht.
  • Ersetzen Sie Bewertungs-Widgets, Social-Media-Feeds und eingebettete Terminkalender durch einen Link zum Dienst. Die Web Sustainability Guidelines nennen den Link statt des eingebetteten Widgets als einfache Alternative.
  • Eine eigene Kopie einer Bibliothek aktualisiert sich nicht von selbst. Setzen Sie sie auf die Liste der Updates, die Ihre Agentur regelmäßig einspielt.

Mehr zu diesem Thema

Weiter im Prüfbereich CO₂ & EmpCo

Dieser Prüfpunkt gehört zum Prüfbereich CO₂ & EmpCo; dort stehen alle Prüfpunkte im Überblick. Was die Prüfung insgesamt leistet, zeigt die Leistungsseite; wie ein Ergebnis zustande kommt, erklärt das Prüfverfahren. Alle Prüfbereiche im Überblick: Wissensbasis.

  • Siegel Digitale Barrierefreiheit
  • Siegel Daten & Recht
  • Siegel Technische Qualität
  • Siegel Digital Excellence
  • Siegel Cyberversicherung

Geprüft. Für eine bessere digitale Zukunft.euid.com