Signed Exchanges für Desktopwebsites eingeführt

Sid Lall
Sid Lall
Devin Mullins
Devin Mullins

Signed Exchanges (SXG) ist ein Übermittlungsmechanismus, mit dem Sie Ihre Website beschleunigen und Largest Contentful Paint (LCP) verbessern können, indem Sie den datenschutzfreundlichen ursprungsübergreifenden Prefetch aktivieren. Bei der I/O 2022 hatte die SXG-Arbeitsgruppe vor, neue SXG-Funktionen hinzuzufügen und die Websitenavigation auf zusätzlichen Oberflächen zu unterstützen. Heute geben wir die erste Reihe dieser Funktionen bekannt. Weitere werden in den nächsten Monaten folgen:

  • Unterstützung der Navigation auf der Desktop-Website
  • Unterstützung der Google Suche für SXG in Schlagzeilen und Nachrichten
  • Unterstützung für serverseitige Personalisierung

Lesen Sie weiter, um mehr über diese Funktionen zu erfahren und wie Sie sie zur Verbesserung der Nutzererfahrung auf Ihrer Website nutzen können.

Unterstützung für Desktopnavigationen

Mit dieser Version sind Signed Exchanges jetzt für ursprungsübergreifende Navigationen auf Computern in Chromium verfügbar. Das baut auf der bisherigen Unterstützung von Android-Mobilgeräten auf und bedeutet, dass du jetzt mit SXG auch die Desktopversion deiner Website im Cache speichern und vorab abrufen kannst.

Wir gehen davon aus,1 dass diese Version die Anzahl der Besuche deiner Website durch SXG im Durchschnitt verdoppeln wird, wodurch die Ladezeiten und die Leistung für mehr Nutzer verbessert werden. Auf Mobilgeräten wird die Geschwindigkeit für Navigationen aus der Google Suche derzeit um durchschnittlich 300 bis 400 ms reduziert.

So können Sie diese Funktion nutzen

Das Aktivieren von Signed Exchanges für die Desktopversion Ihrer Website erfordert keine zusätzliche Arbeit von Ihrer Seite. Diese Funktion wird sowohl im nutzerfreundlichen Tool „Automatic Signed Exchange“ von Cloudflare und im Open-Source-SXG-Toolkit unterstützt.

Bestehende SXG-Nutzer: SXG wird automatisch auf die Navigation auf deinem Computer angewendet.
Neue Nutzer: Wenn diese Option aktiviert ist, ist SXG standardmäßig sowohl für die Desktop- als auch die Android Mobile-Navigation verfügbar. Im Blogpost zu SXG erfährst du, wie du die Funktion für deine Website aktivieren kannst.

Sie können diese Funktion deaktivieren, wenn Sie das Meta-Tag „supported-media“ verwenden möchten. Weitere Informationen

Weitere Informationen zu den Auswirkungen von Signed Exchanges

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

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

  • 85% verzeichneten eine Verbesserung des LCP.
  • Bei 98% wurde die Time to First Byte (TTFB) reduziert.
  • Medianwert für 20% Verbesserung bei diesen Messwerten.

RebelMouse, ein bekanntes Content-Management-System (CMS), verzeichnete Verbesserungen bei den Geschäfts- und Leistungsmesswerten seiner Kunden, darunter:

  • 41% verbesserter LCP-Wert für Narcity.
  • 27% mehr Sitzungen pro Nutzer für Paper Magazine
  • 21% kürzere Ladezeiten bei MTL-Blogs.

Unterstützung von Schlagzeilen und Nachrichten in der Google Suche

In der Google Suche wurde der datenschutzfreundliche ursprungsübergreifende Prefetch von Signed Exchanges verwendet, der bisher für die Websitenavigation in den Ergebnissen der Google Suche verfügbar war. Ab Juli 2022 wird diese Unterstützung in der Google Suche erweitert, um auch den Navigationsbereich für Schlagzeilen und Nachrichten einzubeziehen. SXG hat zwar keine Auswirkungen auf das Ranking oder die Auswahlkriterien in der Google Suche, kann jedoch den Core Web Vitals-LCP deiner Website verbessern.

Zur Aktivierung dieser Funktion sind keine zusätzlichen Schritte Ihrerseits erforderlich. Sie steht bestehenden und neuen Nutzern automatisch zur Verfügung.

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

Unterstützung für serverseitige Personalisierung

Signed Exchanges verwenden einen Cache, um Inhalte, die vom Ursprung kryptografisch signiert wurden, vorab abzurufen und bereitzustellen. Im Cache gespeicherte Inhalte können mehrmals an mehrere verschiedene Nutzer oder an denselben Nutzer gesendet werden. In der Vergangenheit bedeutete dies, dass SXG nicht mit Websites kompatibel war, die serverseitige Personalisierung, d. h. anderen HTML-Code für angemeldete Nutzer, nutzen.

Heute fügen wir Dynamic SXG hinzu – eine neue Funktion, mit der du SXG selektiv für Besuche von Nutzern ohne Cookies in Chromium aktivieren kannst. Wenn du bei Navigationen mit serverseitiger Personalisierung angemeldet bist, werden weiterhin Nicht-SXG-Versionen deiner Website bereitgestellt.

Dies ist insbesondere bei Websites von Bedeutung, auf denen eine eindeutige Webseite für jeden angemeldeten Nutzer dynamisch berechnet wird. Daher haben sie oft eine höhere TTFB und einen höheren LCP-Wert, der auf Datenbanksuchen zurückgeht. Mit dem dynamischen SXG haben Sie die Möglichkeit und Flexibilität, SXG zu nutzen, um die Besuche Ihrer Website für bestimmte Nutzer zu beschleunigen, ohne dass Sie dadurch anderen Nutzern personalisierte Inhalte bieten können.

So aktivieren Sie diese Funktion

Wenn Sie das dynamische SXG aktivieren, müssen Sie dem HTTP-Header von Seiten mit serverseitiger Personalisierung eine Vary: Cookie-Annotation hinzufügen. Hier sind einige Beispiele, wie Sie dies basierend auf Ihrem Server tun können:

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

Signed Exchanges ist weiterhin mit allen clientseitigen Personalisierungen kompatibel, die Sie zum Laden von Elementen wie einem Anmelde-Widget, einem Einkaufswagen oder einem personalisierten Nachrichtenfeed verwenden.

Nächste Schritte

Die SXG-Arbeitsgruppe bei Google investiert kontinuierlich in die Einführung neuer Funktionen und Oberflächen für Signed Exchanges, die auf dem Interesse und dem Feedback der Community beruhen. In den nächsten Monaten sind einige interessante neue Funktionen geplant. Weitere Informationen dazu finden Sie im Blog für Chrome-Entwickler.

Fußnoten

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