Schrittweise Wiedergabe im Rekorder
Sie können jetzt einen Haltepunkt festlegen und einen User Flow Schritt für Schritt im Recorder-Bereich wiedergeben.
Wenn Sie einen Haltepunkt festlegen möchten, klicken Sie neben einem Schritt auf den blauen Punkt. Spielen Sie den User Flow noch einmal ab. Die Wiedergabe wird vor der Ausführung des Schritts pausiert. Hier können Sie die Wiedergabe fortsetzen, einen Schritt ausführen oder die Wiedergabe abbrechen.
Mit dieser Funktion können Sie Ihren User Flow ganz einfach visualisieren und debuggen.
Weitere Informationen finden Sie in der Referenz zu Recorder-Funktionen.
Chromium-Problem: 1257499
Unterstützung für das Mauszeigerereignis im Bereich „Recorder“
Im Rekorder kann jetzt manuell ein Schritt zum Bewegen des Mauszeigers (Hover) in eine Aufnahme eingefügt werden.
In dieser Demo wird ein Pop-up-Menü beim Hovern angezeigt. Versuchen Sie, einen User Flow aufzuzeichnen und auf ein Menüelement zu klicken.
Wenn Sie den Nutzerfluss jetzt noch einmal wiedergeben, schlägt er fehl, weil der Recorder Mauszeigerereignisse während der Aufzeichnung nicht automatisch erfasst. Um dieses Problem zu beheben, fügen Sie manuell einen Schritt hinzu, um den Mauszeiger auf den Selektor zu bewegen, bevor Sie auf das Menüelement klicken.
Chromium-Problem: 1257499
Largest Contentful Paint (LCP) im Bereich „Leistungsstatistiken“
Der LCP ist ein wichtiger, nutzerorientierter Messwert, mit dem die wahrgenommene Ladegeschwindigkeit ermittelt wird. Sie können jetzt die kritischen Pfade und Ursachen für einen Largest Contentful Paint (LCP) ermitteln.
Klicken Sie in einer Leistungsaufzeichnung in der Zeitachse auf das LCP-Symbol. Im Bereich Details können Sie den LCP-Wert sehen, erfahren, wie Sie Ressourcen beheben, die den LCP verlangsamen, und den kritischen Pfad für die LCP-Ressource aufrufen.
Unter Performance Insights erfahren Sie, wie Sie mit dem Bereich umsetzbare Statistiken erhalten und die Leistung Ihrer Website verbessern können.
Chromium-Problem: 1326481
FOIT- und FOUT-Probleme als potenzielle Ursachen für Layout Shifts identifizieren
Im Bereich Leistungsstatistiken werden jetzt FOIT (Flash of Invisible Text) und FOUT (Flash of Unstyled Text) als mögliche Ursachen für Layoutverschiebungen erkannt.
Wenn Sie die möglichen Ursachen für einen Layout Shift sehen möchten, klicken Sie im Track Layout Shifts auf einen Screenshot.
Unter Webfont-Laden und ‑Rendering optimieren finden Sie Informationen dazu, wie Sie Layout Shifts verhindern können.
Chromium-Probleme: 1334628, 1328873
Protokoll-Handler im Manifestbereich
Sie können jetzt die Entwicklertools verwenden, um die Registrierung von URL-Protokoll-Handlern für Progressive Web-Apps (PWAs) zu testen.
Durch die Registrierung von URL-Protokoll-Handlern können installierte PWAs Links verarbeiten, die ein bestimmtes Protokoll (z.B. magnet, web+example) verwenden, um eine bessere Integration zu ermöglichen.
Rufen Sie den Bereich Protokollhandler über den Bereich Anwendung > Manifest auf. Hier können Sie alle verfügbaren Protokolle ansehen und testen.
Installieren Sie beispielsweise diese Demo-PWA. Geben Sie im Bereich Protokollhandler „americano“ ein und klicken Sie auf Protokoll testen, um die Kaffeeseite in der PWA zu öffnen.
Chromium-Probleme: