Eine langsam ladende oder schwer bedienbare Website verliert Besucher, bevor sie den Inhalt sehen. Häufige Ursachen sind zu große Bilder, unnötige Skripte, unklare Navigation oder unverständliche Formulare. Diese Fehler lassen sich mit Messungen und gezielten Tests finden und beheben, ohne die Seite neu zu bauen.
Der erste Schritt ist die Bestandsaufnahme: Bevor Sie etwas ändern, müssen Sie wissen, wo die Seite hakt. Zwei Arten von Messungen beantworten unterschiedliche Fragen.
Core Web Vitals messen
Die Core Web Vitals sind drei Kennzahlen, die Google für die Seitenerfahrung definiert hat. Sie messen unterschiedliche Dinge: das Laden, die Reaktionsfähigkeit und die visuelle Stabilität einer Seite. Der LCP (Largest Contentful Paint) zeigt, wann das größte sichtbare Inhaltselement geladen ist, also wann der Hauptinhalt ungefähr erscheint. Der INP (Interaction to Next Paint) misst, wie schnell die Seite auf Klicks und Eingaben reagiert. Der CLS (Cumulative Layout Shift) erfasst, wie stark sichtbare Inhalte während des Ladens unerwartet springen.
Die aktuellen Zielwerte sind ein LCP von höchstens 2,5 Sekunden, ein INP unter 200 Millisekunden und ein CLS unter 0,1. Wichtig ist, wie diese Werte zustande kommen: Sie werden am 75. Perzentil der realen Seitenaufrufe bewertet. Das heißt, drei Viertel der Besuche sollten besser sein als der Zielwert, nicht jeder einzelne Aufruf. Ein einzelner Test auf einem schnellen Rechner sagt darüber wenig aus.
Für die Fehlersuche brauchen Sie beide Arten von Messungen. Labortests wie Lighthouse laufen unter kontrollierten Bedingungen und zeigen, was die Seite bremst. Feldmessungen, etwa in PageSpeed Insights oder der Search Console, zeigen, was echte Besucher auf unterschiedlichen Geräten und Verbindungen erleben. Wenn die Werte voneinander abweichen, ist das kein Messfehler, sondern die beiden Tests bilden unterschiedliche Bedingungen ab. Ein guter Laborscore belegt nicht, dass das Problem für alle Besucher gelöst ist.
Zur Einordnung: Gute Core-Web-Vitals-Werte sind kein Garantiesiegel für Suchmaschinen-Rankings. Google berücksichtigt die Kennzahlen in seinen Ranking-Systemen, betont aber ausdrücklich, dass gute Messwerte keine Spitzenposition garantieren und dass Seitenerfahrung mehr umfasst als diese drei Zahlen.
Ladebremsen finden und beheben
Die häufigste Ladebremse sind Bilder, die größer sind als nötig. Eine Seite, die ein Bild in einer viel größeren Auflösung lädt, als das Display anzeigt, überträgt unnötig viel Daten. Gerade auf kleinen Bildschirmen fällt das ins Gewicht. Die Lösung sind responsive Bildvarianten: Stellen Sie für unterschiedliche Bildschirmgrößen passende Auflösungen bereit, damit das Gerät nur die Daten lädt, die es tatsächlich anzeigt. Einen universellen Grenzwert für die richtige Dateigröße gibt es nicht, das hängt vom Motiv und vom Einsatzzweck ab.
Die zweite häufige Ursache sind eingebundene Skripte von Drittanbietern. Tracking, Werbung, Chat-Widgets und andere Einbindungen können das Laden und die Reaktionsfähigkeit spürbar beeinträchtigen. Prüfen Sie regelmäßig, welchen Nutzen jedes Skript tatsächlich bringt. Wenn ein Skript keinen klaren Mehrwert bietet, entfernen Sie es. Notwendige Skripte lassen sich je nach Funktion anders laden, etwa verzögert oder erst dann, wenn der Besucher sie braucht. Die passende Technik hängt von der Funktion ab: Analytics, Werbung und interaktive Komponenten haben unterschiedliche Anforderungen. Pauschal alle Drittanbieter-Skripte zu entfernen wäre der falsche Weg, denn manche erfüllen einen Zweck, den Sie behalten wollen.
Navigation und Texte verständlich machen
Langsame Ladezeiten sind nur die halbe Miete. Eine Website kann schnell laden und trotzdem unbrauchbar sein, wenn Besucher nicht finden, was sie suchen. Usability-Fehler sind in der Regel Aufgabenfehler: Menschen kommen mit einem Ziel, und die Seite macht es ihnen schwer, dieses Ziel zu erreichen. Wichtiger als ein modernes Aussehen ist, dass Besucher finden, verstehen und erledigen können, wofür sie gekommen sind.
Bevor Sie die Navigation umbauen, sollten Sie wissen, wer die Website nutzt und welches Ziel diese Personen verfolgen. Beobachten Sie dann, wie echte Nutzer typische Aufgaben lösen, oder testen Sie Gestaltungsideen mit Personen, die der Zielgruppe entsprechen. Solche Tests zeigen zuverlässiger als jede Vermutung, wo Menschen ins Stocken geraten.
Bei den Texten gilt: Stellen Sie die wichtige Aussage nach vorn, gliedern Sie längere Inhalte mit beschreibenden Überschriften und schreiben Sie Linktexte so, dass ihr Zweck aus dem Text erkennbar ist. Ein Link, der nur „hier" heißt, sagt niemandem, wohin er führt. Bauen Sie Hilfe- und Erklärungstexte erst ein, wenn die Nutzerforschung zeigt, dass Besucher sie wirklich brauchen. Kurze, konkrete Texte sind meist leichter zu erfassen als lange Erklärungen.
Formulare und Fehlermeldungen verbessern
Formulare sind eine klassische Stelle, an der Besucher abbrechen. Die Probleme sind fast immer dieselben: Es ist nicht klar, was ein Feld erwartet, wie ein Fehler zu korrigieren ist oder welche Angaben überhaupt benötigt werden. Beschriften Sie jedes Feld eindeutig, erklären Sie bei Bedarf das erwartete Format und formulieren Sie Fehlermeldungen so, dass sie verraten, was falsch war und wie es richtig geht.
Testen Sie, an welchen Stellen Nutzer ins Stocken geraten. Eine bewährte Vorgehensweise aus dem Bereich öffentlicher Online-Services ist, mit einfachen Fragen zu beginnen und Formularseiten nur dann zusammenzufassen, wenn die Nutzerforschung das stützt. Manche Aufgaben lassen sich auf einer Seite schneller erledigen, andere profitieren von klaren Schritten. Die Entscheidung gehört in den Test mit der Zielgruppe.
Barrierefreiheit mitprüfen
Barrierefreiheit betrifft mehr Menschen, als viele denken, und sie ist ein Teil der Bedienbarkeit. Eine Website, die nur mit der Maus bedienbar ist, schließt alle aus, die mit der Tastatur arbeiten. Prüfen Sie deshalb, ob sich alle Funktionen per Tastatur erreichen und bedienen lassen, ob Kontraste ausreichen, ob Bilder sinnvolle Alternativtexte haben und ob Formularfelder verständlich beschriftet sind.
Automatisierte Tests finden häufige Fehler, aber sie übersehen Probleme. Kombinieren Sie sie mit manuellen Prüfungen und testen Sie, soweit möglich, mit Assistenztechnik wie Screenreadern. Als technischer Referenzrahmen dient der Standard WCAG, der unter anderem Kriterien zu Tastaturzugänglichkeit, Fokus und nichttextlichen Inhalten enthält. Für Bedienelemente, die mit dem Zeiger bedient werden, nennt er eine Mindestgröße von 24 mal 24 CSS-Pixel, mit definierten Ausnahmen. Ob WCAG für Sie rechtlich verpflichtend ist, hängt von Ihrer Rechtsordnung und dem Anwendungsbereich ab.
Auch aufdringliche Einblendungen gehören in diese Prüfung. Werbebanner und Dialoge, die den Hauptinhalt verdecken oder beim Tastaturbedienen das fokussierte Element verstecken, sind ein echtes Hindernis. Prüfen Sie, ob jede Einblendung nötig ist, ob sie sich leicht schließen lässt und ob Fokus und Hauptinhalt zugänglich bleiben.