Skip to main navigation Skip to main content Skip to page footer

Leitfaden für Website Performance Audits

Unser Leitfaden für Website Performance Audits zeigt, wie Sie Ladezeiten, Core Web Vitals und technische Engpässe strukturiert bewerten und priorisieren.

Eine Unternehmenswebsite kann im Design überzeugen und dennoch Geschäft verlieren, bevor der erste Inhalt sichtbar ist. Lange Ladezeiten erhöhen Absprünge, erschweren die Nutzung auf mobilen Geräten und schwächen häufig auch die Sichtbarkeit in Suchmaschinen. Dieser Leitfaden für Website Performance Audits zeigt, wie Unternehmen die Ursachen systematisch prüfen und Verbesserungen nach Wirkung, Risiko und Aufwand priorisieren.

Was ein Performance Audit tatsächlich leisten sollte

Ein Performance Audit ist mehr als ein automatischer Test mit einer Punktzahl von 0 bis 100. Solche Werte sind ein nützlicher Einstieg, ersetzen aber keine technische Bewertung. Entscheidend ist, wie schnell reale Besucherinnen und Besucher relevante Inhalte sehen, interagieren und ihre Aufgabe erledigen können - etwa eine Kontaktanfrage absenden, einen Download starten oder sich im Kundenbereich anmelden.

Bei komplexen TYPO3-Instanzen, gewachsenen WordPress-Websites oder individuellen Webanwendungen liegt die Ursache selten nur bei einer großen Bilddatei. Häufig wirken mehrere Faktoren zusammen: ein unpassendes Caching-Konzept, zu viele Skripte von Drittdiensten, ineffiziente Datenbankabfragen, eine überladene Template-Struktur oder ein Server, der unter Last zu spät antwortet. Ein gutes Audit trennt Symptome von Ursachen.

Ebenso wichtig ist der Kontext. Eine Kampagnen-Landingpage mit wenigen Elementen hat andere Anforderungen als ein mehrsprachiges Unternehmensportal mit Suche, personalisierten Bereichen und umfangreichen Medienarchiven. Das Ziel ist nicht der perfekte Laborwert, sondern eine verlässlich schnelle Website unter realistischen Bedingungen.

Den Prüfrahmen vor dem Messen festlegen

Bevor Tools zum Einsatz kommen, sollte klar sein, welche Seitentypen für das Geschäft relevant sind. Die Startseite allein ist selten repräsentativ. Sinnvoll sind beispielsweise eine zentrale Übersichtsseite, eine typische Inhaltsseite, ein Formular, eine Suchergebnisseite, eine Produkt- oder Leistungsdetailseite sowie Seiten mit besonders vielen Medien.

Auch Zielgruppen und Nutzungssituationen gehören in den Prüfrahmen. Besucht die Mehrheit der Zielgruppe die Website am Desktop im Büro, oder findet ein großer Teil der Zugriffe mobil über wechselhafte Netze statt? Werden Inhalte überwiegend in Deutschland abgerufen oder international? Solche Fragen beeinflussen, wie Ergebnisse zu bewerten sind und ob etwa ein Content Delivery Network sinnvoll ist.

Definieren Sie außerdem einen Ausgangspunkt: aktuelle Core Web Vitals, Conversion-Raten, Absprungraten, Serverauslastung und die Zahl der Anfragen pro Seite. Ohne belastbare Ausgangsdaten wird es schwer, den Nutzen einer Optimierung später nachzuweisen.

Die Kennzahlen richtig lesen

Moderne Performance-Messung konzentriert sich nicht allein auf die vollständige Ladezeit. Für die Nutzererfahrung sind drei Werte besonders relevant.

Largest Contentful Paint bewertet den sichtbaren Einstieg

Der Largest Contentful Paint, kurz LCP, misst, wann das größte sichtbare Inhaltselement geladen wurde. Das kann ein Headerbild, eine große Überschrift oder ein Teaser sein. Ein schlechter LCP weist oft auf langsame Serverantworten, nicht optimierte Bilder, renderblockierende Ressourcen oder einen zu spät geladenen Hauptinhalt hin.

Bei einem großen Hero-Bild reicht es nicht, die Dateigröße zu reduzieren. Das Bild muss in der passenden Abmessung ausgeliefert werden, frühzeitig verfügbar sein und darf nicht durch unnötige CSS- oder JavaScript-Dateien ausgebremst werden. Ein automatisch nachgeladenes Slider-Modul kann beispielsweise technisch korrekt funktionieren und dennoch den wichtigsten Inhalt verzögern.

Interaction to Next Paint macht Reaktionszeiten sichtbar

Interaction to Next Paint, kurz INP, beschreibt, wie schnell die Website auf Eingaben reagiert. Das betrifft Menüs, Filter, Akkordeons, Formulare und andere interaktive Elemente. Lange JavaScript-Aufgaben blockieren den Hauptthread und führen dazu, dass Klicks oder Tastatureingaben verspätet sichtbar verarbeitet werden.

Besonders bei Marketing- und Tracking-Skripten lohnt sich eine kritische Prüfung. Jeder Dienst kann einen Zweck erfüllen, doch die Summe vieler Tags belastet Ladezeit, Datenschutzmanagement und Wartbarkeit. Nicht jedes Skript muss auf jeder Seite beim ersten Aufruf geladen werden.

Cumulative Layout Shift schützt vor springenden Inhalten

Der Cumulative Layout Shift, kurz CLS, erfasst unerwartete Layoutverschiebungen. Wenn sich ein Button verschiebt, während jemand ihn anklicken möchte, ist das nicht nur ärgerlich. Es kann zu Fehlbedienungen führen und die wahrgenommene Qualität deutlich senken.

Typische Auslöser sind Bilder und eingebettete Inhalte ohne festgelegte Dimensionen, nachträglich geladene Webfonts oder Cookie-Banner, die den Inhalt verschieben. Gerade bei barrierefreien Websites ist ein stabiler Aufbau relevant: Orientierung und Bedienbarkeit dürfen nicht davon abhängen, ob Ressourcen zufällig schneller oder langsamer laden.

So läuft ein Website Performance Audit strukturiert ab

Ein belastbarer Leitfaden für Website Performance Audits verbindet Labordaten mit Felddaten. Labordaten entstehen unter kontrollierten Bedingungen und helfen bei der Fehlersuche. Felddaten stammen aus realen Besuchen und zeigen, was Nutzer tatsächlich erleben. Weichen beide stark voneinander ab, sollte die Analyse unterschiedliche Geräte, Netzqualitäten, Regionen und Besuchszeiten berücksichtigen.

Der technische Blick beginnt bei der Auslieferung. Wie schnell antwortet der Server? Werden HTML, CSS, JavaScript, Schriften und Bilder komprimiert übertragen? Nutzen wiederkehrende Besucher Browser-Caching? Sind HTTP/2 oder HTTP/3, ein sinnvoll konfigurierter Reverse Proxy und serverseitiges Caching vorhanden? Bei CMS-Projekten muss das Caching zur Redaktionsarbeit passen. Zu aggressive Einstellungen können aktuelle Inhalte verzögern, zu vorsichtige Einstellungen erzeugen unnötige Last.

Danach folgt der Blick auf das Frontend. Hier wird geprüft, welche Ressourcen den ersten sichtbaren Inhalt blockieren, ob CSS und JavaScript unnötig umfangreich sind und ob Komponenten nur dort geladen werden, wo sie gebraucht werden. Ein Kartenmodul, ein Video-Embed oder ein Social-Media-Feed auf jeder Seite ist oft teuer, obwohl es nur auf wenigen Seiten einen echten Nutzen bringt.

Auch Medien verdienen eine eigene Analyse. Bilder sollten in modernen Formaten, passenden Größen und mit einer nachvollziehbaren Strategie für responsive Auslieferung bereitstehen. Inhalte unterhalb des sichtbaren Bereichs können verzögert geladen werden. Das wichtigste Bild einer Seite dagegen sollte nicht versehentlich erst spät nachgeladen werden. Bei Videos ist ein Vorschaubild häufig die wirtschaftlichere Wahl, solange kein unmittelbarer Wiedergabebedarf besteht.

Im nächsten Schritt werden Drittanbieter erfasst. Dazu zählen Analysewerkzeuge, Consent-Management, Karten, Chat, Marketing-Automation, A/B-Tests, Schriftanbieter und eingebettete Plattformen. Die Frage lautet nicht pauschal, ob solche Dienste entfernt werden müssen. Sie lautet: Welchen messbaren Nutzen bringt jeder Dienst, wann muss er geladen werden und gibt es eine schlankere Integration?

Zum Schluss wird die Anwendung unter Last betrachtet. Eine Seite kann im Einzeltest schnell sein und bei hoher Nachfrage dennoch langsam reagieren. Datenbankzugriffe, Suchfunktionen, personalisierte Inhalte, Hintergrundprozesse und Schnittstellen zu Drittsystemen gehören deshalb in die Prüfung. Bei individuellen Anwendungen sind Monitoring und Fehlerprotokolle oft aussagekräftiger als ein einzelner Frontend-Test.

Maßnahmen nach Wirkung priorisieren

Ein Audit endet nicht mit einer langen Fehlerliste. Für die Planung braucht es eine Priorisierung, die fachliche Wirkung und technische Abhängigkeiten sichtbar macht. Bewährt hat sich eine Einteilung in kurzfristige Maßnahmen, strukturelle Optimierungen und Themen für die Weiterentwicklung.

Kurzfristig lassen sich häufig übergroße Medien, nicht benötigte Skripte, fehlende Cache-Header oder unnötige Weiterleitungsketten korrigieren. Solche Maßnahmen können spürbare Verbesserungen bringen, sollten aber sauber getestet werden. Ein Script zu verschieben kann etwa die Ladezeit verbessern, gleichzeitig aber ein Formular oder Tracking beeinträchtigen.

Strukturelle Themen betreffen meist das Systemdesign: die Template-Architektur, die Bündelung von Assets, Bildverarbeitung, Caching-Schichten, Datenbankindizes oder die Serverkonfiguration. Sie benötigen mehr Abstimmung, liefern aber oft den nachhaltigeren Effekt. Gerade bei älteren CMS-Installationen ist Performance zudem ein Hinweis auf technischen Modernisierungsbedarf. Ein Update kann Sicherheits-, Wartungs- und Geschwindigkeitsvorteile zusammenführen.

Für jede Maßnahme sollten Verantwortlichkeit, erwarteter Effekt, Testkriterien und mögliche Risiken dokumentiert werden. Das schafft Transparenz zwischen Marketing, IT, Datenschutz und externen Dienstleistern. Eine hohe Tool-Punktzahl ist kein Abnahmekriterium, wenn zentrale Funktionen dadurch eingeschränkt werden.

Performance als kontinuierliche Aufgabe organisieren

Neue Kampagnen, redaktionelle Inhalte, Tracking-Anforderungen und CMS-Updates verändern eine Website laufend. Deshalb sollte Performance Teil der Qualitätskontrolle werden, nicht nur ein Projekt vor dem Relaunch. Sinnvoll sind feste Messpunkte nach Releases, regelmäßige Prüfungen der wichtigsten Seitentypen und eine klare Regel, wer neue Drittanbieter oder große Medien freigibt.

Auch Redaktionen profitieren von einfachen Leitplanken: Bildgrößen, erlaubte Einbettungen, Vorgaben für Videoeinsatz und ein Verständnis dafür, warum nicht jedes Gestaltungselement auf jeder Seite notwendig ist. Gute Performance entsteht aus Technik und Redaktion gemeinsam.

Wer die Ergebnisse eines Audits nachvollziehbar dokumentiert und schrittweise umsetzt, schafft mehr als schnellere Ladezeiten. Die Website wird planbarer wartbar, nutzerfreundlicher und belastbarer für die nächsten Anforderungen - genau dort zeigt sich Webentwicklung mit Substanz.