Zahl der Ressourcen

Was geprüft

Gezählt werden die im HTML referenzierten Stylesheets, Skripte und Bilder sowie die verschiedenen fremden Hosts unter den abgerufenen Dateien. Bis 60 Dateien und höchstens 10 fremde Hosts ist der Punkt unauffällig. Nachgeladene Dateien, die erst ein Skript im Browser anfordert, sind in dieser serverseitigen Messung nicht enthalten.

Wie relevant

Niedrig, weil HTTP/2 viele Dateien über eine Verbindung bündelt. Jeder weitere fremde Host kostet aber einen eigenen Verbindungsaufbau mit DNS, TCP und TLS.

Warum

Viele Einzeldateien und Hosts verlängern das Laden, vor allem bei Erstbesuchen und mobil. Jede Datei ist zudem eine mögliche Fehlerquelle, wenn ein Server nicht antwortet.

Wie beheben

Entfernen Sie nicht genutzte Skripte und Stylesheets, fassen Sie kleine Dateien zusammen und hosten Sie Schriften und Bibliotheken selbst, statt sie von fremden Hosts zu laden. Bilder unterhalb des sichtbaren Bereichs mit loading="lazy" laden.

Nebenwirkung: Zusammenfassen von Dateien kann Fehler in der Reihenfolge erzeugen; testen Sie die Seite nach jeder Änderung. Selbst gehostete Bibliotheken sind selbst zu aktualisieren.

WordPress: Viele Plugins laden ihre Dateien auf jeder Seite, auch wo sie nicht gebraucht werden. Plugins wie Asset CleanUp oder Perfmatters können das je Seite abschalten; danach jede betroffene Seite prüfen.

Codebeispiel

HTML (Schrift selbst hosten statt fremdem Host)

<!-- vorher: zusätzlicher Host -->
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Roboto">

<!-- nachher: eigene Datei -->
<link rel="preload" href="/fonts/roboto.woff2" as="font" type="font/woff2" crossorigin>
<style>
  @font-face { font-family: "Roboto"; src: url("/fonts/roboto.woff2") format("woff2"); font-display: swap; }
</style>

Weiterführende Quellen

• https://web.dev/articles/critical-rendering-path
• https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Attributes/rel/preconnect