Die Leistung ist ein wichtiger Aspekt der Nutzererfahrung. Wie schnell Seiten geladen werden und wie schnell sie auf Nutzereingaben reagieren, kann einen großen Einfluss darauf haben, wie Nutzer Ihre Website wahrnehmen. Sie kann ausschlaggebend dafür sein, ob Nutzer auf Ihrer Website bleiben oder sie verlassen. Auf dieser Seite finden Sie zahlreiche Informationen zu verschiedenen Themen zur Webleistung, mit denen Sie Ihre Website schneller machen und diese Geschwindigkeit auch beibehalten können.
Sie sind neu im Bereich Leistung? Wir haben einen umfassenden Kurs für den Einstieg zusammengestellt.
Hier erfahren Sie mehr über die drei Core Web Vitals-Messwerte, ihre Funktionsweise und warum sie für eine gute Nutzererfahrung wichtig sind.
Nachdem Sie sich mit den Core Web Vitals-Messwerten vertraut gemacht haben, können Sie in diesen Leitfäden nachlesen, wie Sie sie am besten optimieren.
In einer Reihe von Leitfäden werden die Messwerte der Core Web Vitals genauer erläutert.
Neue Funktionen zur Leistungssteigerung, die jetzt als Baseline verfügbar sind
Lesen Sie, wie Unternehmen ihre Core Web Vitals verbessert und dadurch ihre Geschäftsmesswerte gesteigert haben.
Hier erfahren Sie, wie Sie mit den Chrome-Entwicklertools Leistungsprobleme auf Ihrer Website beheben.
KURS

Webleistung ist ein komplexer und facettenreicher Themenbereich – aber es ist nicht unmöglich, zu lernen! Wenn Sie noch keine Erfahrung mit der Leistung haben, erhalten Sie in unserem Kurs zuerst eine Einführung in die Leistungsgrundlagen. So können Sie sich fortgeschrittenere Themen erarbeiten. Nach Abschluss des Kurses können Sie das Gelernte sofort anwenden.

Die Core Web Vitals sind drei Messwerte, die sich auf die Nutzerfreundlichkeit konzentrieren. Sie messen die Leistung und Nutzerfreundlichkeit von Seiten, einschließlich der wahrgenommenen Ladezeit, der visuellen Stabilität und der Reaktionsfähigkeit auf Nutzereingaben. Wenn Sie Core Web Vitals noch nicht kennen, machen sich diese Leitfäden mit ihrer Funktionsweise vertraut und geben Ihnen einen Ausgangspunkt zur Optimierung.

LCP ist ein Messwert, der angibt, wie lange es dauert, bis das größte Inhaltselement auf einer Seite erscheint. Seiten mit einem niedrigen LCP signalisieren Nutzern, dass Ihre Seite schnell geladen wird.
Der CLS ist ein Messwert, der die Layoutstabilität misst, indem er die Seite auf unerwartete Änderungen im Layout beobachtet. Seiten mit einem niedrigen CLS-Wert signalisieren Nutzern, dass das Layout einer Seite stabil ist und sich nicht unerwartet ändert, wenn sie versuchen, damit zu interagieren.
INP ist ein Messwert, der angibt, wie schnell eine Seite auf Nutzereingaben reagiert. Seiten mit einem geringen INP-Signal für Nutzer, dass eine Seite schnell reagiert, wenn sie mit ihnen interagieren. Dadurch fühlt sich Ihre Website zuverlässiger und nutzerfreundlicher an.
Jeder Core Web Vitals-Messwert kann optimiert werden, um die Nutzerfreundlichkeit zu verbessern. In jedem dieser Leitfäden wird ausführlich beschrieben, wie Sie bewährte Techniken anwenden können, um die Leistung und Zuverlässigkeit Ihrer Website zu verbessern. So bleiben Nutzer mehr interessiert und verlassen die Website nicht wieder.
Hier erfahren Sie, wie Sie den LCP für Ihre Nutzer optimieren, damit sie die wichtigsten Inhalte auf Ihrer Seite so schnell wie möglich sehen können.
Hier erfahren Sie, wie Sie den CLS für Ihre Nutzer optimieren, damit sie davon ausgehen können, dass Ihre Website stabil bleibt und nutzerfreundlicher wird.
Hier erfahren Sie, wie Sie INP für Ihre Nutzer optimieren können, damit sie davon ausgehen können, dass Ihre Website schnell auf Interaktionen reagiert.
Die drei Core Web Vitals-Messwerte und Optimierungsmöglichkeiten sind ein guter Anfang, aber es gibt noch mehr relevante Themen. In dieser Sammlung von Inhalten erfahren Sie, wie Sie diese Elemente messen und beheben können. Außerdem finden Sie dort einige zusätzliche Best Practices für Cookie-Benachrichtigungen, Karussells und andere häufige Probleme mit der Benutzeroberfläche.
Eine Leistungssteigerung verbessert nicht nur die Nutzerfreundlichkeit, sondern kann auch Ihr Unternehmen voranbringen. Hier erfahren Sie, wie diese Unternehmen ihre Core Web Vitals verbessert und ihre Geschäftsmesswerte gesteigert haben.
Hier erfahren Sie, wie Disney+ Hotstar die Anzahl der wöchentlichen Kartenaufrufe auf Geräten im Wohnzimmer um 100% erhöhte, indem die INP um 61 % reduziert wurde.
Hier erfahren Sie, wie die Plattform zur Einwilligungsverwaltung von PubTech die INP auf den Websites seiner Kunden um bis zu 64 % senken und gleichzeitig die Anzeigensichtbarkeit um bis zu 1,5 % verbessern konnte.
Hier erfahren Sie, wie Taboola mithilfe der Long Animation Frames API (LoAF) die Anzeigenleistung auf den Websites seiner Publisher-Partner um bis zu 36 % steigern konnte.

Baselines signalisieren Webentwicklern, wann Webplattformfunktionen in allen gängigen Browser-Engines sicher verwendet werden können. Im Folgenden finden Sie einige webbasierte Funktionen zur Leistungsmessung, die jetzt als Baseline Newly verfügbar sind.

Die CSS-Property content-visibility ist seit September 2024 als „Baseline Newly“ verfügbar.
Das AVIF-Bildformat ist seit Januar 2024 als Baseline Newly verfügbar.
Das Vorabladen des Moduls ist Baseline Newly im September 2023 verfügbar.
Der HTTP-Antwortheader Server-Timing ist seit März 2023 als Baseline Newly verfügbar.

Die Chrome-Entwicklertools sind eine Suite von Tools für Entwickler zum Debuggen von Webanwendungen. Dazu gehören auch Tools, mit denen Sie die Leistung Ihrer Webanwendungen besser nachvollziehen und verbessern können.

Im Bereich „Network“ (Netzwerk) in den Entwicklertools werden alle Ressourcen angezeigt, die auf einer Seite geladen werden, und wie lange es gedauert hat, sie zu laden. Hier erfahren Sie, wie Sie mit diesem Bereich ressourcenlastbedingte Leistungsprobleme erkennen.
Im Bereich „Leistung“ in DevTools finden Sie detaillierte Informationen zur Leistung einer Seite während einer Aufzeichnungssitzung, einschließlich Aktivität im Haupt-Thread, Netzwerkaktivität und zusätzliche Tools, mit denen Sie Leistungsprobleme erkennen und beheben können.
Im Bereich „Speicher“ sehen Sie, wie viel Arbeitsspeicher vom JavaScript einer Seite belegt wird. Wenn Sie lernen, wie Sie diesen Bereich verwenden, können Sie Speicherprobleme erkennen und beheben, die durch das JavaScript einer Seite verursacht werden.