200 Millisekunden klingen schnell? Die Interaktion mit Next Paint kann dazu beitragen, die Reaktionsfähigkeit Ihrer Website zu steigern

Mai ging mit einem Gebrüll aus. Was für ein Monat. Google Core Update, zwei neue Web Vitals User Metrics und WordPress 6.0!

Am 25. Mai gab Google den Start seines breit angelegten Core Updates bekannt. Das Mai 2022 Core Update wird voraussichtlich zwei Wochen dauern. Die Leute meldeten Verschiebungen auf den Suchergebnisseiten. Haben Sie eine Änderung in Ihren SERPs bemerkt?

WordPress 6.0, die zweite große WordPress-Version des Jahres 2022, wurde ebenfalls eingeführt. WordPress 5.9, veröffentlicht im Januar 2022, führte die vollständige Seitenbearbeitung (FSE) für den Blockeditor ein. Mit Wordpress 6.0. der Fokus liegt einmal mehr auf der Erweiterung und Verbesserung der Funktionen des Blockeditors. Sind alle Websites Ihrer Kunden auf WordPress 6.0 aktualisiert?

Updates überall! Was ist passiert, das für meine Websites wichtig ist?

Der große Brain Move von Google im Mai war die Hinzufügung von Time to First Byte (TTFB) und Interaction to Next Paint (INP) zu ihren Web Vitals-Metriken. Das Hinzufügen neuer Metriken ist Googles Art zu sagen: „Konzentrieren Sie sich auf das Wesentliche.“

Sie können jetzt die Reaktionsfähigkeit messen. Sie können sehen, wo diese Sandkörner die Zahnräder verlangsamen. Das ist großartig für Sie und Ihr Portfolio an Kunden-Websites.  

Deshalb ist ein Tesla schneller als ein Benzinauto. Bei einem Verbrennungsmotor verliert man durch die Verbindung aller Teile mit anderen Teilen und die Reibung an Geschwindigkeit. Weniger bewegliche Teile bedeuten, dass die Energie zu den Rädern gelangt.

Die Core Web Vitals werden erwachsen! pagespeed.web.dev hat gerade ein Upgrade erhalten, die RUM-Rata enthält jetzt die Interaktion bis zum nächsten Malen (INP) und die Zeit bis zum ersten Byte (TTFB). Beides eine großartige Wahl, wenn Sie mich fragen! Der INP ist meiner Meinung nach ein viel besserer Weg, um die Reaktionsfähigkeit zu messen, als das First Input Delay, das leicht manipuliert werden könnte. Die Zeit bis zum ersten Byte hätte immer wichtiger sein sollen, da sie jeder Leistungskennzahl vorangeht. Keine Antwort = keine Farbe, keine Interaktion usw.!.

Arjen Karl

Was ist die Interaktion mit der nächsten Farbe (INP) und warum ist sie wichtig?

Zusätzlich zu Google Core Web Vitals misst Google eine wachsende Zahl von nutzerzentrierten Reaktionsmetriken, darunter Interaction to Next Paint (INP) und Time to First Byte (TTFB). Bevor Sie jedoch Ihr Team umrüsten, sagt Google:

Diese Feldmetriken sind derzeit experimentell, können aber jetzt von Benutzern ausprobiert werden. Experimentelle Messwerte können sich ändern oder verschwinden.

Google.com

Interaction to Next Paint (INP) ist eine neue Metrik, die darauf abzielt, die gesamte Interaktionslatenz einer Seite darzustellen, indem eine der längsten Interaktionen ausgewählt wird, wenn ein Benutzer eine Seite besucht. INP ist meistens das 98. Perzentil der Interaktionslatenz für Seiten mit vielen Interaktionen. Bei Seiten mit weniger als 50 Interaktionen ist INP die Interaktion mit der schlechtesten Latenz.

Es gibt viele UI-Elemente. KeyDown tritt auf, wenn eine Taste gedrückt wird. KeyUp tritt auf, wenn eine Taste losgelassen wird. Es gibt DragOver, Drop, OnFocus und viele mehr. Jede Interaktion wird imputiert, verarbeitet und dem Benutzer als Ergebnis präsentiert.

Die Zeit zwischen jeder Aktion ist messbar, und ein langes Intervall zwischen dem Klicken und dem Empfangen kann zu einer schlechten Benutzererfahrung beitragen .

Die Interaktion mit Next Paint (INP) misst die Latenz unserer Website-Interaktionen. Einige Beispiele für diese Interaktionen sind:

• Ein Mausereignis – wie das Klicken auf eine Schaltfläche, um die Farben eines Kleidungsstücks zu ändern.
• Ein interaktives Element, das auf einem Touchscreen mit dem Finger aktiviert wird – vielleicht auf einer Karte.
• Drücken einer Taste auf einem Mobilgerät oder einem Desktop-Gerät – um die Antwort auf eine Frage anzuzeigen.

Hat Ihre Website viele Interaktionen? Betreiben Sie E-Commerce- oder E-Learning-Plattformen? Da Sie wissen, dass Benutzer nicht auf dieses Mausereignis warten wollen, ist INP ziemlich aufregend.

Sie können jetzt sehen, welche Interaktionen Sie verlangsamen und vielleicht erkennen, wo Sie durch langsame Reaktionszeit Conversions verlieren.

Wie viel Geld verliert Ihre E-Commerce-Site aufgrund von Latenz, schlechter Leistung und, um ehrlich zu sein, eines verwalteten WordPress-Hosts, dessen Technologie für die heutigen Kundenerwartungen veraltet ist?

Rocket.net

Wie kann ich die Interaktion von Google mit der Next-Paint-Metrik messen?

Um die Interaktion von Google mit Next Paint zu messen, gehen Sie zu PageSpeed ​​Insights, um den INP Ihrer Seite zu messen. Denken Sie daran. Sie messen diese Seite – nicht Ihre gesamte Website.

INP ähnelt Cumulative Layout Shift (CLS) darin, dass sich die Messwerte ändern, wenn der Benutzer auf Ihrer Webseite bleibt. Nachdem der Benutzer die Seite verlassen hat, wird die Messung durchgeführt und ein Gesamt-INP-Wert erstellt. Einige Seiten haben mehr Interaktionen als andere. Die Interaktionen einiger Seiten finden möglicherweise nicht statt, wenn keine Aktion ausgewählt wird.

Nur weil Sie die Vitalwerte jetzt bestehen, heißt das nicht, dass Sie im nächsten Monat bestehen werden. Core Web Vitals sind experimentell und verändern sich. Schauen Sie regelmäßig vorbei und bleiben Sie neugierig!

Eine responsive Website bedeutet mehr als flexible Blöcke in Ihrem CSS

Die Messung der Interaktion mit Next Paint ist ziemlich aufregend, da wir jetzt messen können, wie reaktionsschnell unsere Website unter den Fingern unserer Benutzer ist. Erinnern Sie sich, als eine reaktionsschnelle Website bedeutete, dass unsere Speisekarte zu einem Hamburger zusammenbrach?

Und nicht nur die Mobilität zählt bei Vitals. Desktop-Ansichten sind genauso wichtig – besonders wenn es um Websites geht, für die sich die Leute Zeit nehmen.

Interaction to Next Paint bedeutet, die Zeit zu messen, die Elemente auf der Seite benötigen, um auf eine Interaktion zu reagieren. Jetzt können wir sehen, wie lange es dauert, bis sich ein Produktbild ändert, wenn der Benutzer eine andere Farbe auswählt, oder wie lange es dauert, bis die Antwort auf dem Bildschirm erscheint. Die Geschwindigkeit hier kann für viele Benutzer ein Knockout sein. Denken Sie daran – Geschwindigkeit gewinnt.

Die Verkürzung der Latenz zwischen den Phasen jeder Interaktion macht eine Website wirklich reaktionsschnell. Wenn Geschwindigkeitsprobleme gelöst sind, können Sie sich darauf konzentrieren, was wirklich zählt – die tägliche Erfahrung Ihrer Agenturkunden mit ihrem Geschäft zu verbessern.

Geschwindigkeit ist auf einer Website so wichtig, weil Sie potenzielle Kunden anziehen und binden möchten. Und Sie möchten, dass sie es ihren Freunden erzählen. Was die Leute davon abhält, auf Ihrer Website zu bleiben – und zu konvertieren – ist eine schlechte Website-Erfahrung.

Rocket.net

Mikrointeraktionen sind der Unterschied zwischen einer guten Website und einer großartigen Website

Speichern Sie die Interaktionslatenz. Die Wechselwirkungen loswerden, sagst du?

Mikrointeraktionen sind kleine Dinge, die unseren Nutzern das Gefühl geben, etwas tun zu können. Es ist das Gefühl, kein unbedeutender starrer Teilnehmer mehr zu sein, sondern mit wenig Aufwand etwas bewegen, sagen oder verändern zu können. Der Benutzer wird spielerisch beschäftigt, ohne dass es kompliziert wird. Gamification, richtig?

Mikrointeraktionen machen den Unterschied zu unserem Online-Erlebnis aus, also schütten Sie das Baby nicht mit dem Bade aus, nur um sich das Reinigen der Badewanne zu sparen.

Marken suchen immer mehr nach Verbindungen zu ihren Kunden. Während den Kommunikationskanälen viel Aufmerksamkeit geschenkt wurde, ist es ebenso wichtig, die Mikromomente zu nutzen, in denen Sie den Kunden ein positives Benutzererlebnis bieten können.

UsabilityGeek.com

Reden ist billig. Lassen Sie sich von Rocket zeigen, was das schnellste WordPress-Hosting WIRKLICH bedeutet!

Sie sparen Website-Performance, Zeit und Geld Ihrer Agentur? Ja. Die Rocket-Plattform verfügt über integrierte Funktionen, die ansonsten kostenpflichtige Versionen von Sicherheits-, Bildoptimierungs-, CDN- und JS-Content-Loader-Plugins überflüssig machen. Dies sind Funktionen, die in Ihre neue Lieblingsplattform integriert sind (das Produkt, das früher als Managed WordPress Hosting bekannt war).

Lassen Sie uns darüber sprechen, wie wir Ihre Website zu Rocket.net migrieren können, dem schnellsten verfügbaren WordPress-Hosting überhaupt. Starten Sie noch heute Ihre Mission!