Die digitale Verlagsbranche steht vor ständigen Herausforderungen, und hierbei stellt der Website-Traffic ein zentrales Problem dar. Laut dem Echobox 2023 Publishing Trends Report nennen fast die Hälfte der Verlage (47 %) sinkenden Traffic als großes Problem, während 63 % Massnahmen zur Traffic-Steigerung priorisieren. Angesichts dieser Herausforderungen ist es von größter Bedeutung, eine positiven Benutzererfahrung in den Vordergrund zu stellen.
Das jüngste Update von Google zu den Core Web Vitals setzt den Schwerpunkt auf Benutzererfahrung. Interaction to Next Paint (INP) ersetzt jetzt First Input Delay (FID) als umfassenderes Maß für die Seiteninteraktivität. Während dieser Wandel sicherlich eine Chance zur Verbesserung des Benutzererlebnisses bietet (entscheidend für das Website-Engagement), birgt er auch zusätzliche Hürden für Publisher, die es zu überwinden gilt.
Wenn beispielsweise Skripte von Drittanbietern (wie die von Taboola) ausgeführt werden, besteht die Möglichkeit, dass der Browser nicht mehr auf Benutzereingaben und Rendering-Updates reagiert, was möglicherweise zu schlechten INP-Scores führt. Taboola versteht, wie wichtig es ist, die Auswirkungen auf das Laden von Seiten zu minimieren, um das Seitenerlebnis zu verbessern und den Erfolg von Core Web Vitals sicherzustellen.
Taboolas Antwort auf die Seiten-Performance
Um die Präsenz von Taboola auf der Seite effektiv einzuschränken, führen wir einen völlig neuen Rendering-Prozess ein, der die gleiche Anzeigen-Performance beibehält und keinen neuen Publisher-Code erfordert. Die aktuelle Engine von Taboola wurde nicht speziell für die Seiten-Performance entwickelt. Die Dateien enthalten mehrere, schwere Module, was zu höheren Übertragungsgrößen und langen Ausführungszeiten führt, aber unsere neue Engine löst all diese Probleme.
Dürfen wir vorstellen: TRECS
TRECS (Taboola Recommendation Extensible Client Service) ist ein neu gestalteter Rendering-Prozess, der einen minimalen Aufwand für den Webbrowser gewährleistet, indem nur die für die Konfiguration der Website erforderlichen Aufgaben ausgeführt werden. Dies bedeutet, dass die beiden wichtigsten Rendering-Dateien in der aktuellen Engine entfernt werden und eine einzige Datei erstellt wird, die alle Anforderungen des Herausgebers erfüllt.
Grafik: Die Dateien „loader.js“ und „impl.js“, wie sie in den Chrome DevTools zu sehen sind
Die aktuellen Dateien „loader.js“ und „impl.js“ (siehe Abbildung oben) werden durch den TRECS-Loader ersetzt, der hinsichtlich Größe und Ausführungszeit schlanker gestaltet ist. Nach der vollständigen Einführung wird die TRECS-Loader-Datei 50 % leichter sein als die aktuellen Dateien loader.js und impl.js zusammen!
Der TRECS-Loader initiiert zusätzliche Dateien, um das zu rendern, was für die Seite benötigt wird. Wir nennen diese Arbeitsschritte „Extensions“ und ihre Arbeit umfasst eine Kombination aus nicht rendernden Funktionen wie Performance-Tracking oder die Verarbeitung von Einwilligungssignalen und sichtbaren Funktionen wie den Taboola-Feed oder Card Customization.
Bild: Visualisierung der TRECS-Extensions
Performance-Fader
Um den Browser-Aufwand bei der Einführung neuer Produkte auf ein Minimum zu beschränken, enthält TRECS eine Performance-Verwaltungsfunktion namens Performance Fader. Dieses Tool verwendet Browser-APIs, um die Aufgabenausführung zu optimieren, die Blockierungszeit von Taboola zu begrenzen und kritischere Aufgaben zu priorisieren – ein Muss für den INP-Erfolg.
Der Fader priorisiert außerdem unterbrochene Taboola-Aufgaben neu, um die Aktivität (und Taboola-Skripte) so schnell wie möglich abzuschließen und das Risiko zu vermeiden, dass die Empfehlungen zu spät in der Seitenansicht geladen werden.
Long Animation Frames API
Taboola hat nicht nur das Laden und die Aufgabenpriorisierung verbessert, sondern ist auch einer der ersten Anwender des neuen Chrome-Tools – der Long Animation Frames API. Mit diesem Tool können wir bestimmte Skripte identifizieren, die eine Verzögerung bei einem Rendering-Update um mehr als 50 ms verursachen. Ein Rendering-Update kann Non-User generiert oder durch Benutzereingaben erfolgen.
Mithilfe der LoAF-API können wir Folgendes analysieren – unter Real User Monitoring (RUM)-Bedingungen:
- Long-Animation-Frames-Blocking-Time der Seite
- Taboola hat eine Long-Animation-Frames-Blocking-Time generiert
- Site-INP
- Taboola generierte INP
Mit LoAF und TRECS konnte Taboola den Gesamt-INP auf Publisher-Websites reduzieren und gleichzeitig die gleichen Leistungskennzahlen für Anzeigen beibehalten. Weitere Einzelheiten findest du in der Case Study von Google.
Produktstatus und Erfolg
Taboola führt TRECS jetzt für alle unsere Publisher ein. Es gibt keine Änderungen am Code auf der Seite und es ist kein Entwicklungsaufwand für den Publisher erforderlich.
Um die Kontinuität zu wahren, werden wir nach und nach wichtige Komponenten von der aktuellen Engine auf TRECS übertragen. Das bedeutet, dass sich die Seitenleistung weiter verbessern wird, , bis keine Verwendung mehr für die bisherige Engine besteht. Tausende von Taboola-Publishern, die eine Javascript-Integration verwenden, setzen bereits heute Elemente von TRECS auf ihren Seiten ein!
Die ersten Ergebnisse sind sehr vielversprechend und wir rechnen mit weiteren Verbesserungen. Wir haben die folgenden Reduzierungen bei einer Reihe wichtiger Kennzahlen festgestellt:*
- Site TBT – bis zu 44 %
- Site Long Animation Frames Blocking Time – bis zu 38 %
- Taboola generierte Long-Animation-Frames-Blocking-Time – bis zu 40 %
- Site INP – bis zu 44 %
Traffic mag eine ständige Herausforderung in unserer Branche bleiben, aber Taboola hat es sich zur Aufgabe gemacht, unseren Publisher-Partnern das Beste aus beiden Welten zu bieten: leistungsstarke native Werbung und ansprechende redaktionelle Inhaltsempfehlungen sowie eine INP-Lösung, die die Seitenleistung verbessert und SEO-Erfolg liefert. Kontaktiere uns für weitere Informationen zu TRECS und wie Taboola sich für die Bereitstellung innovativer Technologien für Publisher-Entwicklerteams einsetzt.
*Wir messen alle Performance-Daten anhand der Perzentile und berechnen anhand des 75. Perzentils eine prozentuale Änderung. Die hier geteilten Ergebnisse zeigen die besten Ergebnisse einzelner Publisher-Partner.