Signed Exchanges für Desktopwebsites eingeführt

Sid Lall
Sid Lall
Devin Mullins
Devin Mullins

Signed Exchanges (SXG) ist ein Bereitstellungsmechanismus, mit dem Sie Ihre Website beschleunigen und den Largest Contentful Paint (LCP) verbessern können, indem Sie datenschutzfreundliches plattformübergreifendes Prefetching ermöglichen. Bei der I/O 2022 hat die SXG-Arbeitsgruppe von Google Pläne für neue SXG-Funktionen und die Unterstützung der Navigation auf zusätzlichen Oberflächen vorgestellt. Heute stellen wir die ersten dieser Funktionen vor. Weitere folgen in den nächsten Monaten:

  • Unterstützung für die Navigation auf Desktopwebsites
  • Unterstützung von SXG in der Google Suche aus „Top-Meldungen“ und „Nachrichten“
  • Unterstützung für serverseitige Personalisierung

Im Folgenden erfahren Sie mehr über diese Funktionen und wie Sie sie nutzen können, um die Nutzerfreundlichkeit Ihrer Website zu verbessern.

Unterstützung für die Navigation auf dem Computer

Mit dieser Version sind signierte Exchanges jetzt für plattformübergreifende Navigationen auf dem Computer in Chromium-Browsern verfügbar. Diese Funktion baut auf der bestehenden Unterstützung für Android-Mobilgeräte auf. Sie können SXG jetzt auch verwenden, um die Desktopversion Ihrer Website zu cachen und vorab abzurufen.

Wir schätzen,1 dass durch diese Version die Abdeckung der Websitebesuche durch SXG durchschnittlich verdoppelt wird. So können mehr Nutzer schneller und besser Inhalte laden. Auf Mobilgeräten führt diese Geschwindigkeitsverbesserung derzeit bei Navigationen über die Google Suche durchschnittlich zu einer LCP-Reduzierung von 300 bis 400 ms.

So nutzen Sie diese Funktion

Wenn Sie signierte Exchanges für die Desktopversion Ihrer Website aktivieren, müssen Sie nichts weiter tun. Diese Funktion wird bereits vom einfach zu bedienenden Tool für automatisch signierte Exchanges von Cloudflare und vom Open-Source-SXG-Toolkit unterstützt.

Bestehende SXG Mobile-Nutzer: SXG wird automatisch auf Ihre Desktopnavigationen angewendet.
Neue Nutzer: Wenn SXG aktiviert ist, ist es standardmäßig sowohl für die Desktop-Navigation als auch für die Navigation auf Android-Mobilgeräten verfügbar. Im Blogpost zu SXG erfahren Sie, wie Sie die Funktion für Ihre Website aktivieren.

Du kannst diese Funktion deaktivieren, wenn du das Meta-Tag „Unterstützte Medien“ verwendest. Weitere Informationen

Weitere Informationen zu den Auswirkungen von signierten Anzeigenaufträgen

Mehrere globale Marken und Websites profitieren bereits von Signed Exchanges. Sehen wir uns einige Fallstudien für aktuelle SXG-Nutzer auf Android-Mobilgeräten an:

Cloudflare, ein führendes Content Delivery Network (CDN), führte einen Test durch, um die Auswirkungen von Signed Exchanges für seine Kunden auf den 500 getesteten Websites zu messen:

  • Bei 85% wurde eine Verbesserung des LCP verzeichnet.
  • Die Zeit bis zum ersten Byte (TTFB) wurde um 98% reduziert.
  • Medianwert: 20% Verbesserung bei diesen Messwerten

RebelMouse, ein bekanntes Content-Management-System (CMS), verzeichnete eine Verbesserung der Geschäfts- und Leistungsmesswerte seiner Kunden, darunter:

  • 41% LCP-Verbesserung für Narcity.
  • 27% mehr Sitzungen pro Nutzer für Paper Magazine.
  • Reduzierung der Ladezeit um 21% für den MTL-Blog.

Unterstützung für Top-Meldungen und Nachrichten in der Google Suche

Die Google Suche ist eine der ersten Plattformen, die das datenschutzfreundliche, plattformübergreifende Prefetching von Signed Exchanges nutzen. Dieses war bisher nur für die Websitenavigation über die Webseitenergebnisse der Google Suche verfügbar. Ab Juli 2022 wird diese Unterstützung in der Google Suche auf Navigationen von „Top-Nachrichten“ und „Nachrichten“ ausgeweitet. SXG hat zwar keine Auswirkungen auf das Ranking oder die Auswahlkriterien in der Google Suche, kann aber die Core Web Vitals Ihrer Website verbessern, insbesondere den LCP.

Sie müssen diese Funktion nicht selbst aktivieren. Sie ist sowohl für bestehende als auch für neue Nutzer automatisch verfügbar.

Screenshot der Top-Schlagzeilen und des Nachrichten-Widgets der Google Suche für den Suchbegriff „Gaming-Nachrichten“

Unterstützung für die serverseitige Personalisierung

Bei Signed Exchanges wird ein Cache verwendet, um Inhalte, die vom Ursprung kryptografisch signiert wurden, vorab abzurufen und bereitzustellen. Im Cache gespeicherte Inhalte können an mehrere verschiedene Nutzer oder mehrmals an denselben Nutzer gesendet werden. Bisher war SXG nicht mit Websites kompatibel, auf denen serverseitige Personalisierung verwendet wird, d. h. unterschiedliche HTML-Seiten für angemeldete Nutzer.

Heute führen wir dynamische SXGs ein – eine neue Funktion, mit der Sie SXGs nur für Besuche von Nutzern ohne Cookies in Chromium selektiv aktivieren können. Für angemeldete Nutzer mit serverseitiger Personalisierung werden weiterhin nicht-SXG-Versionen Ihrer Website ausgeliefert.

Dies ist besonders bei Websites der Fall, auf denen für jeden angemeldeten Nutzer dynamisch eine eindeutige Webseite berechnet wird. Daher sind TTFB und LCP aufgrund von Datenbankabfragen oft höher. Mit dynamischen SXGs haben Sie die Möglichkeit und Flexibilität, SXGs zu verwenden, um Besuche Ihrer Website für bestimmte Nutzer zu beschleunigen, ohne die Möglichkeit einzuschränken, anderen Nutzern personalisierte Inhalte anzubieten.

So aktivieren Sie diese Funktion

Wenn Sie dynamische SXG-Anzeigen aktivieren möchten, müssen Sie dem HTTP-Header der Seiten, die serverseitige Personalisierung enthalten, die Anmerkung Vary: Cookie hinzufügen. Hier einige Beispiele, wie du das je nach Server tun kannst:

  • Apache: Header add Vary Cookie
  • nginx: add_header Vary Cookie
  • Express: res.append('Vary', 'Cookie')

Unterzeichnete Anzeigen sind weiterhin mit jeder clientseitigen Personalisierung kompatibel, mit der Sie Elemente wie ein Anmelde-Widget, einen Einkaufswagen oder einen personalisierten Nachrichtenfeed laden.

Nächste Schritte

Die SXG-Arbeitsgruppe von Google arbeitet kontinuierlich daran, Signed Exchanges auf Grundlage des Interesses und Feedbacks der Community um neue Funktionen und Oberflächen zu ergänzen. In den nächsten Monaten planen wir einige spannende neue Funktionen. Weitere Informationen dazu finden Sie im Chrome Developers Blog.

Fußnoten

[1]: Dies ist eine Schätzung, die auf Verlaufsdaten für Signed Exchanges-Besuche in Chromium-Browsern auf Mobilgeräten basiert. Die tatsächlichen Zahlen variieren wahrscheinlich je nach Website.