Beseitigen Sie Render-Blocking-Ressourcen

Ressourcen blockieren den ersten Anstrich Ihrer Seite. Erwägen Sie die Bereitstellung kritischer JS / CSS-Inline und die Zurückhaltung aller nicht kritischen JS / Styles. Weitere Informationen.

render-blocking-resources
performance

Liefern Sie Bilder in Next-Gen-Formaten

Bildformate wie JPEG 2000, JPEG XR und WebP bieten oft eine bessere Komprimierung als PNG oder JPEG. Dies bedeutet schnellere Downloads und weniger Datenverbrauch. Weitere Informationen.

uses-webp-images
performance

Stellen Sie sicher, dass der Text während des Ladens von Webfont sichtbar bleibt

Nutzen Sie die CSS-Funktion zur Anzeige von Schriftarten, um sicherzustellen, dass der Text für den Benutzer sichtbar ist, während Webfonts geladen werden. Weitere Informationen.

font-display
performance

Die Zeit, die es dauert, bis die Seite vollständig interaktiv wird, ist gut

Zeit für die Interaktion ist die Zeit, die die Seite benötigt, um vollständig interaktiv zu werden. Weitere Informationen.

interactive
performance

Die Seite antwortet durchschnittlich auf die meisten Benutzereingaben in angemessener Zeit

Erster CPU-Leerlauf markiert den ersten Zeitpunkt, zu dem der Haupt-Thread der Seite für die Eingabe der Eingabe ruhig genug ist. Weitere Informationen.

first-cpu-idle
performance

Ihre Site reagiert weniger als 50 ms auf Benutzereingaben (geschätzte Eingangslatenz).

Die geschätzte Eingabelatenz ist eine Schätzung der Zeit, die Ihre App in Millisekunden benötigt, um auf Benutzereingaben zu reagieren, während das geschäftigste 5s-Fenster beim Laden der Seite angezeigt wird. Wenn Ihre Latenz 50 ms überschreitet, können Benutzer Ihre App als verzögert wahrnehmen. Weitere Informationen.

estimated-input-latency
performance

Richtige Größe der Bilder

Stellen Sie Bilder in der richtigen Größe bereit, um zellulare Daten zu speichern und die Ladezeit zu verbessern. Weitere Informationen.

uses-responsive-images
performance

Verschieben Sie Offscreen-Bilder

Erwägen Sie das langsame Laden von Offscreen- und verborgenen Bildern, nachdem alle kritischen Ressourcen vollständig geladen wurden, um die interaktive Zeit zu reduzieren. Weitere Informationen.

offscreen-images
performance

CSS reduzieren

Durch die Reduzierung von CSS-Dateien können die Netzwerklastgrößen reduziert werden. Weitere Informationen.

unminified-css
performance

Reduzieren Sie JavaScript

Durch das Reduzieren von JavaScript-Dateien können Sie die Payload-Größe und die Skript-Analysezeit reduzieren. Weitere Informationen.

unminified-javascript
performance

Verschieben Sie nicht verwendetes CSS

Entfernen Sie nicht verwendete Regeln aus Stylesheets, um unnötige Bytes zu reduzieren, die von Netzwerkaktivitäten verbraucht werden. Weitere Informationen.

unused-css-rules
performance

Kodieren Sie Bilder effizient

Optimierte Bilder werden schneller geladen und verbrauchen weniger zellulare Daten. Weitere Informationen.

uses-optimized-images
performance

Aktivieren Sie die Textkomprimierung

Textbasierte Ressourcen sollten mit Komprimierung bereitgestellt werden (gzip, deflate oder brotli), um die gesamten Netzwerkbytes zu minimieren. Weitere Informationen.

uses-text-compression
performance

Serverantwortzeiten sind niedrig (TTFB)

Time to First Byte gibt an, zu welcher Uhrzeit Ihr Server eine Antwort sendet. Weitere Informationen.

time-to-first-byte
performance

Vermeiden Sie Mehrseiten-Weiterleitungen

Umleitungen führen zu zusätzlichen Verzögerungen, bevor die Seite geladen werden kann. Weitere Informationen.

redirects
performance

Schlüsselanfragen vorab laden

Erwägen Sie die Verwendung von , um das Abrufen von Ressourcen zu priorisieren, die später beim Laden der Seite angefordert werden. Weitere Informationen.

uses-rel-preload
performance

Verwenden Sie Videoformate für animierte Inhalte

Große GIFs sind für die Bereitstellung von animierten Inhalten ineffizient. Verwenden Sie MPEG4 / WebM-Videos für Animationen und PNG / WebP für statische Bilder anstelle von GIF, um Netzwerkbytes zu speichern. Weitere Informationen

efficient-animated-content
performance

Vermeidet enorme Netzwerklasten

Große Netzwerknutzlasten kosten den Benutzern echtes Geld und sind in hohem Maße mit langen Ladezeiten korreliert. Weitere Informationen.

total-byte-weight
performance

Verwendet effiziente Cache-Richtlinien für statische Assets

Eine lange Lebensdauer des Cache kann wiederholte Besuche Ihrer Seite beschleunigen. Weitere Informationen.

uses-long-cache-ttl
performance

Vermeidet eine übermäßige DOM-Größe

Ein großes DOM kann den Speicherverbrauch erhöhen und längere [Stilberechnungen] verursachen (https://developers.google.com/web/fundamentals/performance/rendering/reduce-the-scope-und-complexity-of-style-calculations). und kostenintensive [Layout-Rückflüsse] erzeugen (https://developers.google.com/speed/articles/reflow). Weitere Informationen.

dom-size
performance

JavaScript-Ausführungszeit

Reduzieren Sie die Zeit für das Analysieren, Kompilieren und Ausführen von JS. Möglicherweise hilft dabei, kleinere JS-Nutzlasten zu liefern. Weitere Informationen.

bootup-time
performance

Minimiert die Hauptarbeit

Reduzieren Sie die Zeit für das Analysieren, Kompilieren und Ausführen von JS. Möglicherweise hilft dabei, kleinere JS-Nutzlasten zu liefern.

mainthread-work-breakdown
performance

Die Zeit, zu der der Benutzer das Gefühl hat, dass die Basis der Seite sichtbar ist, ist zu lang

Erstes Contentful Paint kennzeichnet den Zeitpunkt, zu dem der erste Text oder das erste Bild gemalt wird. Weitere Informationen.

first-contentful-paint
performance

Der Nutzer wartet zu lange bis ihm der primäre Inhalt der Seite angezeigt wird

Es wurde gemessen wann der primäre Inhalt einer Seite sichtbar ist. Weitere Informationen.

first-meaningful-paint
performance

Ihr Inhalt einer Seite ist sichtbar zu langsam ausgefüllt

Der Geschwindigkeitsindex zeigt an, wie schnell der Inhalt einer Seite sichtbar gefüllt wird. Weitere Informationen.

speed-index
performance

Verbinden Sie sich mit den erforderlichen Ursprüngen

Erwägen Sie das Hinzufügen von Ressourcenhinweisen für die Vorverbindung oder den DNS-Prefetch, um frühe Verbindungen zu wichtigen Ursprungsherstellern von Drittanbietern herzustellen. Weitere Informationen.

uses-rel-preconnect
performance

Minimieren Sie die Tiefe kritischer Anfragen

Die nachstehenden kritischen Anforderungsketten zeigen Ihnen, welche Ressourcen mit hoher Priorität geladen werden. Reduzieren Sie die Länge von Ketten, reduzieren Sie die Downloadgröße von Ressourcen oder verschieben Sie den Download unnötiger Ressourcen, um die Seitenlast zu verbessern. Weitere Informationen.

critical-request-chains
performance

Timing-Markierungen und Maßnahmen des Benutzers

Überlegen Sie, ob Sie Ihre App mit der User Timing API instrumentieren möchten, um die tatsächliche Leistung Ihrer App während der wichtigsten Benutzererfahrungen zu messen. Weitere Informationen.

user-timings
performance
Leistung
99  / 100
Inhalte weitgehend gezeichnet
1.751  ms
Zeit bis Interaktivität
1.751  ms