Prüfpunkt co2.zu_viele_skripteDatenmenge je Aufruf
Warum sind mehr als 25 Skriptdateien je Seitenaufruf ein Befund?
Viele Websites laden ihr JavaScript in vielen einzelnen Dateien: eine je Erweiterung, je Schieberegler, je Formular, je Analyse-Dienst. Die Prüfung zählt auf jeder gemessenen Seite, der Startseite und den Unterseiten, die Skriptdateien, die ein Aufruf lädt. Sind es mehr als 25, entsteht der Befund.
Fast die Hälfte der Skriptdateien kommt von fremden Servern
Laut Web Almanac 2024 lädt eine Seite im Median 11 Skriptdateien vom eigenen Server und 10 von fremden; bei jeder zehnten Seite sind es 45 eigene und 36 fremde. Die fremden sind von 2022 auf 2024 stärker gewachsen als die eigenen. Beim Laden setzen 87 % der Seiten bei mindestens einem Skript async, 47 % der Seiten am Telefon defer. Bei 11 % der Seiten hat kein Skript eines dieser Attribute; dort hält jedes Skript im Kopf der Seite den Aufbau an, bis es geladen und ausgeführt ist.
Eine Handvoll Bündel lädt besser als eine Datei je Erweiterung
Bündeln heißt, aus vielen Dateien wenige zu machen, nicht alles in eine einzige zu packen. Das V8-Team von Google Chrome rät, ein Bündel über etwa 50 bis 100 KB in kleinere zu teilen, damit der Browser sie getrennt und nebenher übersetzen kann. Die Web Sustainability Guidelines, ein Entwurf einer Interessengruppe beim W3C, warnen umgekehrt vor zu feinem Zerteilen: Es kostet Aufwand und schwächt den Zwischenspeicher. Das Ziel liegt dazwischen: wenige Dateien, gegliedert nach dem, was eine Seite braucht, und getrennt nach dem, was sich selten ändert. Aus Dutzenden Einzeldateien von Erweiterungen werden so wenige Bündel, die der Browser beim nächsten Seitenwechsel aus dem Zwischenspeicher nimmt.
Ein vergessenes Skript für alte Browser wurde 2024 zum Einfallstor
Jede Skriptdatei von einem fremden Server ist Code, den dessen Betreiber jederzeit ändern kann, und er läuft mit denselben Rechten wie Ihre Seite. Polyfill.js war eine verbreitete Bibliothek, die älteren Browsern neue Funktionen nachrüstete; mehr als 100.000 Websites luden sie von cdn.polyfill.io. Nach einem Eigentümerwechsel im Februar 2024 lieferte die Adresse Schadcode aus, der Besucher am Telefon auf eine Seite für Sportwetten umleitete, so die Sicherheitsfirma Sansec im Juni 2024. Nach Sansec begann Google kurz darauf, Anzeigen von Onlineshops zu sperren, die das Skript einbanden. Jede Datei, die niemand mehr braucht, ist eine solche Stelle weniger. Wie eine Prüfsumme fremde Skripte absichert, beschreibt der Prüfbereich Aktualität.
Warum die Zahl der Dateien zählt
Jede Skriptdatei ist eine eigene Anfrage. Ein Skript im Kopf der Seite hält den Aufbau an, bis es geladen und ausgeführt ist; mit defer, async oder type="module" zeichnet der Browser weiter. Viele Dateien bedeuten viele Übertragungen mit Verbindungsaufwand und, im Kopf, viele Pausen. Die Grenze von 25 hat euid.com festgelegt. Sie liegt knapp über dem Median: Laut Web Almanac 2024 lädt eine Seite im Median 22 Skriptdateien am Telefon und 23 am Desktop, jede zehnte Seite am Telefon 68 oder mehr.
Was die anderen Befunde dazu sagen
Wie viele Skripte im Kopf das Zeichnen anhalten, zeigt ein eigener Befund im Prüfbereich Performance. Wie groß das JavaScript insgesamt ist, zeigt der Befund zum JavaScript-Anteil. Die Zahl der Dateien hier sagt, wie zersplittert es ankommt.
Woher viele Skriptdateien kommen
Erweiterungen eines CMS laden ihre Datei oft auf jeder Seite, auch wenn ihr Formular oder Schieberegler auf einer einzigen steht. Seitenbaukästen laden ihre Module einzeln. Ein Tag-Manager lädt weitere Dienste nach, Chat-Fenster, Einwilligungs-Banner und Testwerkzeuge kommen dazu.
Beispiele
Kopf der Seite
<script src="/plugins/slider/slider.js"></script>
<script src="/plugins/forms/forms.js"></script>
<script src="/plugins/lightbox/lightbox.js"></script>
<!-- … und 30 weitere Dateien --><script src="/assets/seite.4f2a9c.js" defer></script>
<!-- gebündelt; der Browser zeichnet weiter, während die Datei lädt -->So gehen Sie es an
- Listen Sie die Skripte der Seite auf (Entwicklerwerkzeuge des Browsers, Reiter Netzwerk, Filter JS) und ordnen Sie jedes einer Erweiterung oder einem Dienst zu.
- Laden Sie jede Erweiterung und jeden Dienst nur auf den Seiten, auf denen sie arbeiten, und entfernen Sie die übrigen.
- Bündeln Sie die übrigen Skripte zu wenigen Dateien, im CMS über eine Optimierungs-Option oder im Build-Werkzeug.
- Laden Sie Skripte, die später gebraucht werden, mit defer oder erst bei Bedarf.
Tipps aus der Praxis
- Führen Sie eine Liste mit Skriptdatei, Dienst oder Erweiterung, Zweck und zuständiger Person. Was niemand zuordnen kann, kommt zuerst auf den Prüfstand.
- Skripte, die nur für alte Browser eingebunden wurden, heißen oft Polyfill oder Shim. Fragen Sie Ihre Agentur, welche Browser die Seite heute unterstützen muss, und streichen Sie, was nur ältere bedient.
- In WordPress zeigt die kostenlose Erweiterung Query Monitor für die geöffnete Seite, welche Skripte und Stylesheets eingebunden sind, samt Abhängigkeiten und Dateigröße.
- Geben Sie Skripten, die Sie selbst einbinden und die nicht sofort gebraucht werden, das Attribut defer. Seit WordPress 6.3 lässt sich das beim Einbinden als Ladestrategie angeben.
Mehr zu diesem Thema
Weiter im Prüfbereich CO₂ & EmpCo
- Spart eine schlanke Website Geld, und was sagt der CO₂-Wert wirklich?Was eine schwere Website kostet: beim Hoster Cent, beim Kunden Wartezeit. Was der CO₂-Wert je Aufruf bedeutet, wo das Modell endet, wie KI-Anfragen dazu stehen.
- Was darf meine Website seit dem 27. September 2026 über die Umwelt sagen?Seit 27.09.2026 gelten in Deutschland und Österreich die EmpCo-Regeln im UWG: was unzulässig ist, was erlaubt bleibt, warum Übergangsregeln nur Waren betreffen.
- Wann ist der JavaScript-Anteil einer Seite zu hoch?Über 45 % JavaScript-Anteil bei mehr als 300 KB meldet die Prüfung als Befund. Warum JavaScript mehr Rechenzeit kostet als ein Bild gleicher Größe.
- Warum sollen Bilder, Skripte und Stylesheets zwischengespeichert werden?Ist weniger als die Hälfte der statischen Dateien zwischenspeicherbar, meldet die Prüfung den Befund. So setzen Sie Cache-Control richtig.
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.
