Einführung
In der schnelllebigen Welt des E-Commerce war die Ladezeit schon immer entscheidend, doch die Art und Weise, wie wir die Nutzererfahrung messen, hat sich grundlegend verändert. Seit März 2024 ersetzt Google die bekannte Kennzahl First Input Delay (FID) durch Interaction to Next Paint (INP) als Teil seiner Core Web Vitals. Diese Änderung ist nicht nur ein technisches Detail; sie ist der neue Standard dafür, wie Suchmaschinen die Reaktionsfähigkeit einer Website bewerten. Für Online-Shops misst INP, wie schnell eine Seite auf Nutzerinteraktionen reagiert – vom Klicken auf den Warenkorb-Button bis hin zur Navigation durch Kategorien. Fixit EE beobachtet, dass viele Websites bei dieser Kennzahl hinter den Erwartungen zurückbleiben und dabei oft ignorieren, dass INP die Gesamtqualität der Interaktion und nicht nur die anfängliche Ladezeit berücksichtigt.
INP verstehen: Mehr als nur Ladegeschwindigkeit
Interaction to Next Paint (INP) ist eine Metrik, die die Verarbeitungsleistung einer Website über ihre gesamte Lebensdauer bewertet. Im Gegensatz zum älteren FID, der nur die erste Interaktion erfasste, sammelt INP Daten von allen Interaktionen auf einer Seite und gibt die Gesamterfahrung wieder.
Was genau misst INP?;
Diese Kennzahl kombiniert drei Reaktionszeitphasen: Eingabeverzögerung, Verarbeitungszeit und Darstellungsverzögerung. Konkret bedeutet das: Klickt ein Kunde auf “Suchen” und die Seite friert für zwei Sekunden ein, bevor die Ergebnisse erscheinen, wird diese Zeit als Eingabeverzögerung (INP) erfasst. Google betrachtet das 75. Perzentil der Interaktionen, misst also nicht Extremfälle, sondern die Erfahrung der Mehrheit der Nutzer.
Warum ist der Wechsel von FID zu INP so wichtig?;
Der alte FID-Wert hatte einen entscheidenden Nachteil: Er erfasste nur die erste Interaktion. Eine Website konnte einen hohen FID-Wert aufweisen, aber bei nachfolgenden Klicks “hängen”. INP behebt diese Lücke, indem es ein umfassenderes Bild der Nutzerinteraktion liefert. Dies ist besonders wichtig für Online-Shops, wo Nutzer bei jedem Besuch Dutzende von Aktionen durchführen (Filtern, Hinzufügen zum Warenkorb, Ändern der Größe, Bezahlen). Ist die Seite an einem dieser Punkte langsam, erfasst INP dies und wirkt sich negativ auf den SEO-Score aus.
Die technischen Herausforderungen in E-Commerce-Systemen
Die Einführung von INP erfordert ein tieferes Verständnis der Funktionsweise moderner CMS- und E-Commerce-Frameworks. Fixit EE hat festgestellt, dass die meisten Verzögerungen durch übermäßige JavaScript-Nutzung und hohe Rechenlast im Hauptthread des Browsers verursacht werden.
Die Auswirkungen von JavaScript und Plugins
Auf Plattformen wie Magento und WooCommerce führt die Installation zahlreicher Plugins für Tracking, Chatbots oder dynamische Preisgestaltung häufig zu einer Überlastung des Hauptthreads durch Skripte. Beim Klick eines Nutzers muss der Browser die Ausführung der Skripte abschließen, bevor er auf die Nutzereingabe reagieren kann. Diese Verzögerung ist die Hauptursache für schlechte Benutzerinteraktionen (INP). Die Lösung besteht nicht nur darin, die Anzahl der Plugins zu reduzieren, sondern auch deren Laden und Ausführen zu optimieren.
Moderne Lösungen: Lazy Loading und Web Workers
Um die INP zu verbessern, müssen rechenintensive Aufgaben aus dem Hauptthread ausgelagert werden. Mithilfe von Web Workers können Rechenprozesse im Hintergrund ausgeführt werden, sodass der Hauptthread sofort auf Benutzerinteraktionen reagieren kann. Darüber hinaus wird Lazy Loading nicht nur für Bilder, sondern auch für Skriptblöcke angewendet, die für die erste Interaktion nicht unmittelbar erforderlich sind. Diese Technik gewährleistet, dass die Seite auch auf leistungsschwächeren Geräten reaktionsfähig bleibt.
Praktische Optimierung und Ergebnisanalyse
Die Optimierung der INP ist keine einmalige Aufgabe, sondern ein kontinuierlicher Prozess der Überwachung und Verbesserung. Sie erfordert eine Kombination aus Diagnosewerkzeugen und technischer Code-Refaktorisierung.
Diagnosewerkzeuge: Vom Leuchtturm bis zur Echtzeit-Benutzerüberwachung
Google Lighthouse bietet wertvolle Einblicke in Testumgebungen, während INP auf Echtzeit-Nutzerüberwachung (RUM) basiert. Tools wie der Chrome User Experience Report (CrUX) und PageSpeed Insights liefern Daten aus der realen Nutzung. Diese Daten sind besonders wichtig, da sie das Verhalten Ihrer tatsächlichen Kunden widerspiegeln, die möglicherweise langsamere Verbindungen oder ältere Geräte als in Ihrer Entwicklungsumgebung verwenden.
Verbesserungsstrategien für Magento und WooCommerce
In Magento-Umgebungen sind die Verwendung von Varnish Cache und die Optimierung des Full Page Caches unerlässlich. INP hingegen konzentriert sich auf die Clientseite. Hier sind die Minimierung blockierender Ressourcen und die Verwendung der “Defer”-Technik für Skripte, die für das Rendering nicht kritisch sind, notwendige Schritte. Bei WooCommerce kann die Verarbeitungszeit durch das Vermeiden ressourcenintensiver AJAX-Aufrufe während der Navigation und die Verwendung von “Event Delegation” für Ereignisbehandler deutlich reduziert werden.
Fixit-Tipp: Konzentrieren Sie sich nicht nur auf die Verkleinerung der JavaScript-Datei. Häufig wird eine schlechte INP-Rate durch viele kleine Skripte verursacht, die gleichzeitig im Hauptthread ausgeführt werden. Priorisieren Sie die Entlastung des Hauptthreads.
INP-Optimierungszusammenfassung
Das Verständnis und die Optimierung von INP erfordern einen strategischen Ansatz, der technisches Wissen mit einem Verständnis der Nutzererfahrung verbindet. Nachfolgend finden Sie eine Vergleichstabelle zwischen dem alten und dem neuen Ansatz.
| Parameter | Altes metrisches System (FID) | Neue Metrik (INP) |
|---|---|---|
| Fokus | Erste Interaktion | Alle Interaktionen auf der Seite |
| Messung | Zeit vom Klick bis zum Beginn der Verarbeitung | Zeit vom Klick bis zum nächsten Bild |
| Daten | Virtueller Test (Labordaten) | Echtzeitnutzerdaten (Felddaten) |
| SEO-Auswirkungen | Minimal/Eindimensional | Wichtig (Core Web Vital) |
Die Priorisierung von INP (Initial Numbering) ist nicht nur eine Frage der Einhaltung von Google-Standards, sondern auch der Geschäftskontinuität. Ein Onlineshop, der nicht zeitnah auf Nutzeranfragen reagiert, verliert Umsätze – unabhängig von der Qualität seiner Werbekampagne. Fixit EE ist spezialisiert auf die Entwicklung leistungsstarker E-Commerce-Lösungen für Magento und WooCommerce und integriert moderne Optimierungsmethoden direkt in den Quellcode. Kontaktieren Sie uns, um die Performance Ihres Onlineshops zu analysieren und eine Optimierungsstrategie zu entwickeln, die das Kundenerlebnis und Ihr organisches Ranking verbessert.
