Die geschätzte Eingabelatenz ist einer von sechs Messwerten, die im Abschnitt Leistung des Lighthouse-Berichts erfasst werden. Mit jedem Messwert wird ein bestimmter Aspekt der Ladegeschwindigkeit der Seite erfasst.
In den Lighthouse-Berichten wird die geschätzte Eingabelatenz in Millisekunden angezeigt:
Was mit der geschätzten Eingabelatenz gemessen wird
Die geschätzte Eingabelatenz ist eine Schätzung, wie lange Ihre Anwendung während des 5-Sekunden-Fensters mit der höchsten Auslastung beim Seitenaufbau braucht, um auf Nutzereingaben zu reagieren. Die Prüfung dauert vom First Meaningful Paint bis zum Ende des Trace, also etwa 5 Sekunden nach Time to Interactive. Wenn die Latenz höher als 50 ms ist, empfinden Nutzer Ihre App möglicherweise als verzögert.
Das RAIL-Leistungsmodell empfiehlt, dass Anwendungen innerhalb von 100 ms auf Nutzereingaben reagieren, während der Zielwert der geschätzten Eingabelatenz von Lighthouse 50 ms beträgt. Warum? Lighthouse verwendet einen Proxy-Messwert – die Verfügbarkeit des Hauptthreads –, um zu messen, wie gut Ihre Anwendung auf Nutzereingaben reagiert.
Lighthouse geht davon aus, dass Ihre Anwendung 50 ms benötigt, um vollständig auf die Nutzereingabe zu reagieren (von der Ausführung von JavaScript-Ausführungen bis hin zum physischen Malen der neuen Pixel auf dem Bildschirm). Wenn der Hauptthread für mindestens 50 ms nicht verfügbar ist, bleibt nicht genügend Zeit, um die Antwort zu verarbeiten.
Ungefähr 90% der Nutzer erreichen die von Lighthouse gemeldete Eingabelatenz oder weniger. 10% der Nutzer können mit einer höheren Latenz rechnen.
So verbessern Sie den geschätzten Eingabelatenzwert
Damit Ihre Anwendung schneller auf Nutzereingaben reagiert, optimieren Sie die Ausführung des Codes im Browser. Auf der Google-Seite Rendering-Leistung werden verschiedene Techniken beschrieben. Diese Tipps reichen von der Auslagerung von Berechnungen über Web-Worker, um den Hauptthread freizugeben, über die Refaktorierung Ihrer CSS-Selektoren, um weniger Berechnungen durchzuführen, bis hin zur Verwendung von CSS-Eigenschaften, die den Umfang browserintensiver Vorgänge minimieren.
Geschätzte Eingabelatenz manuell messen
Wenn Sie die geschätzte Eingabelatenz manuell messen möchten, nehmen Sie eine Aufnahme mit der Zeitachse der Chrome-Entwicklertools auf. Ein Beispiel für den Workflow finden Sie unter Weniger Aufwand für Hauptthreads. Die Grundidee besteht darin, eine Aufzeichnung zu starten, die zu messende Nutzereingabe durchzuführen, die Aufzeichnung zu stoppen und dann das Flame-Diagramm zu analysieren, um sicherzustellen, dass alle Phasen der Pixelpipeline innerhalb von 50 ms abgeschlossen werden.