Die Verzögerung der ersten Eingabe ist eine der wichtigsten Web-Vital-Metriken, die die Gesamtzeit misst, die ein Browser benötigt, um auf die erste Interaktion eines Benutzers zu reagieren
Sie klicken auf einen Link und warten darauf, dass der Browser Sie zur nächsten Seite weiterleitet …
Ziemlich nervig, nicht wahr?
Das ist der Grund, warum Google eingeführt hat Erste Eingangsverzögerung (FID) als Teil von Core Web Vitals; Eine Kennzahl, die Webmastern dabei hilft, das Gefühl der Unbeholfenheit zu bekämpfen, das ihre Benutzer möglicherweise beim Laden der Seite verspüren.
Die Verbesserung des FID-Scores verbessert nicht nur das Benutzererlebnis, sondern wirkt sich auch positiv auf andere Aspekte der Leistung Ihrer Website aus.
In diesem Blogbeitrag werden wir all das und noch mehr behandeln. Aber bevor wir beginnen, wollen wir verstehen, was First Input Delay ist.
Lies auch:
Was sind Core Web Vitals? Wie kann man sie verbessern?
Was ist die erste Eingabeverzögerung?
Die Verzögerung der ersten Eingabe ist eine der wichtigsten Web-Vital-Metriken, die die Zeit misst, die ein Browser benötigt, um auf die erste Interaktion eines Benutzers mit einer Seite zu reagieren. Diese Interaktion kann in Form des Klickens auf einen Link, des Tippens auf eine Schaltfläche oder der Interaktion mit anderen Elementen auf der Seite erfolgen.
Weitere Beispiele für Interaktionen könnten das Klicken auf Kontrollkästchen, Dropdown-Listen oder das Herunterladen eines Leitfadens sein.
Grundsätzlich misst First Input Delay die Interaktivität; die Zeit, die eine Website benötigt, um zu antworten, nachdem der Besucher interagiert hat. Google nutzt FID als wichtigen Rankingfaktor. Das Ziel von FID besteht darin, zu berechnen, wie reaktionsschnell eine Website beim Laden ist.
1. FID ist nicht dasselbe wie „Time to Interactive“
Bedenken Sie, dass FID nicht dasselbe ist wie die Zeit bis zur Interaktion. eine Leistungsmetrik, die es schon seit langem gibt. Time to Interactive berechnet die Gesamtzeit, die eine Seite benötigt, um vollständig interaktiv zu werden.
FID verfolgt jedoch Benutzeraktionen, die bereits stattfinden, bevor die Seite vollständig interaktiv ist. Daher ermöglicht First Input Delay dem Browser, diese kritischen, frühen Interaktionen zu erfassen.
2. FID misst die Eingabeverzögerung, nicht die Ereignisverarbeitungszeit:
FID steht für „First Input“Verzögern.' Dies bedeutet, dass diese Metrik den Webmaster über die Verzögerung bei der Verarbeitung von Benutzeranfragen informiert. Es wird nicht die gesamte Ereignisverarbeitungszeit berechnet, da es für Entwickler einfach ist, einen guten FID-Score zu erhalten, indem sie den Ereignishandler von den mit dem Ereignis verbundenen Aufgaben trennen.
3. First Input Delay misst nur die erste Interaktion:
FID berechnet nur den ersten Eindruck; das erste Mal, dass ein Benutzer mit einer Webseite interagiert. Da die meisten Blockierungen des Hauptthreads des Browsers in den ersten Momenten eines Seitenladezyklus auftreten, müssen alle kritischen Elemente schnell geladen werden.
FID hilft Webmastern bei der Bewältigung verzögerter Erstreaktionen und stellt sicher, dass das Laden kritischer Ressourcen nicht dazu führt, dass ihre Website nicht mehr reagiert oder unübersichtlich wird.
4. Kontinuierliche Aktionen zählen nicht als Interaktionen:
Bedenken Sie, dass kontinuierliche Arten von Aktionen wie z Scrollen, Lesen oder Zoomen auf der Seite zählen nicht als Interaktionen weil diese Aktionen nicht im Hauptthread des Browsers ausgeführt werden und oft andere Einschränkungen haben.
Der FID einer Website muss weniger als 100 Millisekunden betragen, damit sie eine gute Benutzererfahrung bietet.
Wenn Sie die FID für Ihre Website optimieren, die JavaScript-Ausführungszeit verkürzen, die Interaktionsbereitschaft Ihrer Website verbessern, lange Aufgaben aufteilen und Web-Worker einsetzen müssen.
Was ist die Ursache für die Verzögerung der ersten Eingabe?
Normalerweise wird die Verzögerung bei der ersten Eingabe durch Bilder, Videos oder Skripte verursacht, die nicht ordnungsgemäß geladen werden. Ein unorganisiertes Laden führt dazu, dass die Webseite geladen, angehalten, erneut geladen und dann angehalten wird. Dies führt zu einem nicht reagierenden Verhalten gegenüber den ersten Interaktionen eines Benutzers.
In Googles Worten ist das Ursache der Eingabelatenz ist:
„Im Allgemeinen tritt eine Eingabeverzögerung (auch Eingabelatenz genannt) auf, weil der Hauptthread des Browsers mit etwas anderem beschäftigt ist und daher (noch) nicht auf den Benutzer reagieren kann.
Ein häufiger Grund dafür könnte sein, dass der Browser damit beschäftigt ist, eine große, von Ihrer App geladene JavaScript-Datei zu analysieren und auszuführen.
Während es das tut, kann es keine Ereignis-Listener ausführen, da das geladene JavaScript es möglicherweise anweisen könnte, etwas anderes zu tun.“
~Google
Daher wird FID hauptsächlich durch die Ausführung von Javascript beeinflusst. Die Interaktivität ist geringer, wenn die Ausführung von Javascript länger dauert.
Andere Faktoren, die zu einem schlechten FID-Score führen können:
- HZu viele Plugins speichern: Wenn Sie zu viele Plugins auf Ihrer Website haben (insbesondere JavaScript-basierte Plugins), besteht die Möglichkeit, dass diese Ihren FID-Score beeinflussen. Daher sollten Webmaster jede unnötige Ausführung von JavaScript vermeiden und unnötige Plugins entfernen.
- HEinfache WordPress-Themes: Da umfangreiche WordPress-Themes komplexe Layouts, mehr JS-Dateien und einen ineffizienten Stil haben, können sie sich auch auf die FID-Leistung auswirken.
Was ist ein guter FID-Score?
Die Core Web Vitals-Ergebnisse können in drei Kategorien unterteilt werden: „Gut“, „Verbesserungsbedürftig“ und „Schlecht“.
Gut: Der FID einer Website muss weniger als 100 Millisekunden betragen, damit sie eine gute Benutzererfahrung bietet.
Muss verbessert werden: Die Website muss verbessert werden, da der FID zwischen 100 und 300 Millisekunden liegt
Arm: Wenn der FID über 300 Millisekunden liegt, ist dies ein schlechter Wert und muss erheblich verbessert werden.
Wie misst man die erste Eingabeverzögerung?
Da es sich bei der ersten Eingabeverzögerung um eine Feldmetrik handelt, kann sie mit den folgenden Tools gemessen werden:
- PageSpeed Insights (Felddaten)
- Suche Console – Core Web Vitals-Bericht.
- Chrome-Erfahrungsbericht (Kern)
Webmaster können die Gesamtblockierungszeit und Proxy-Metriken messen für:
Wie kann die Verzögerung bei der ersten Eingabe reduziert werden?
Um FID zu verbessern, sollten Sie zunächst Ihre Website mit den oben genannten Tools testen. Webmaster können auch ein Leuchtturm-Leistungsaudit durchführen, um konkrete Verbesserungsmöglichkeiten zu finden.
Hier sind einige wichtige Schritte, die Sie unternehmen können, um den Wert der ersten Eingabeverzögerung zu verbessern:
- Reduzieren Sie die JavaScript-Ausführungszeit
Um die Ausführungszeit von Javascript zu verkürzen, sollten Webmaster die Javascript-Datei zurückstellen. Auf diese Weise werden die Rendering-blockierenden Ressourcen erst dann geladen, wenn der Browser kritische Inhalte rendert – die Elemente, die erforderlich sind, damit Benutzer mit der Seite interagieren können.
Hier ist ein Beispiel für das Defer-Attribut: - Entfernen Sie nicht verwendetes JavaScript
Publisher können das FID-Problem auch angehen, indem sie ihre Seite für die Interaktionsbereitschaft optimieren. Dies kann durch Entfernen von nicht verwendetem JavaScript erreicht werden; Dateien, die zu einer langsamen Downloadzeit führen können.
Zu diesem Zweck können Herausgeber Plugins wie Assets Cleanup verwenden, um die JavaScript-Datei nur bei Bedarf zu laden. Sie können die JavaScript-Datei auch deltaisieren, sodass sie erst bei der ersten Benutzerinteraktion geladen wird. - MiJavaScript verbessern
Eine weitere äußerst effektive Möglichkeit zur Verbesserung des FID-Scores ist die Minimierung von JavaScript-Dateien. Durch die Minimierung der JS-Dateien können Herausgeber alle Zeilenumbrüche, Kommentare, Leerzeichen und andere Elemente entfernen, die die Datei kleiner machen und auch das Rendern beschleunigen.
Fazit
In Zukunft werden wir immer mehr FID-freundliche Themes, Plugins und CMS sehen. Aber bis das passiert, sollten Verlage die oben genannten Schritte unternehmen, um den First Input Delay Score zu verbessern.
Häufig gestellte Fragen
Wenn ein Benutzer zum ersten Mal mit Ihrer Website interagiert (z. B. auf einen Link klickt, auf eine Schaltfläche tippt oder ein JavaScript-gesteuertes Steuerelement verwendet), misst die erste Eingabeverzögerung, wie lange es dauert, bis der Browser antwortet.
Websites sollten eine erste Eingabeverzögerung von 100 Millisekunden oder weniger anstreben, um ein gutes Benutzererlebnis zu bieten. Ein guter Schwellenwert für die meisten Ihrer Benutzer ist das 75. Perzentil der mobilen und Desktop-Seitenladevorgänge.
Vereinfacht ausgedrückt wird FID durch die Interaktion mit einer Webseite verursacht. FID kann nicht gemessen werden, wenn keine Interaktion auf der Webseite stattfindet. Aus diesem Grund kann der FID nicht auf jeder Seite einer Website gemessen werden.
Shubham ist ein digitaler Vermarkter mit umfangreicher Erfahrung in der Werbetechnologiebranche. Er verfügt über umfassende Erfahrung in der Programmbranche und leitet Geschäftsstrategien und Skalierungsfunktionen, einschließlich, aber nicht beschränkt auf, Wachstum und Marketing, Betrieb, Prozessoptimierung und Vertrieb.
