Lancement des échanges signés pour les sites pour ordinateur

Sid Lall
Sid Lall
Devin Mullins
Devin Mullins

Les échanges signés (SXG) sont un mécanisme de diffusion qui peut vous aider à accélérer votre site et à améliorer le Largest Contentful Paint (LCP) en activant le préchargement multi-origine protégeant la confidentialité. Lors de la conférence I/O 2022, le groupe de travail SXG de Google a prévisualisé l'ajout de nouvelles fonctionnalités SXG et la prise en charge de la navigation sur le site sur d'autres surfaces. Nous annonçons aujourd'hui le lancement de la première série de ces fonctionnalités, et d'autres viendront s'ajouter dans les mois à venir:

  • Compatibilité avec la navigation sur les sites pour ordinateur
  • Compatibilité de la recherche Google avec les échanges signés à partir de la section "À la une" et "Actualités"
  • Prise en charge de la personnalisation côté serveur

Lisez la suite pour en savoir plus sur ces fonctionnalités et découvrir comment les exploiter afin d'améliorer l'expérience utilisateur sur votre site.

Prise en charge de la navigation sur ordinateur

Avec cette version, les échanges signés seront désormais disponibles pour la navigation multi-origine sur ordinateur dans les navigateurs Chromium. Cela s'appuie sur la compatibilité existante avec Android pour mobile. Vous pouvez désormais utiliser l'échange signé pour mettre en cache et précharger la version classique de votre site.

Selon nos estimations1, cette version doublera en moyenne la couverture des échanges signés sur les visites de votre site, améliorant ainsi le chargement et les performances pour davantage d'utilisateurs. Aujourd'hui, sur mobile, la réduction moyenne du LCP est comprise entre 300 et 400 ms pour les navigations à partir de la recherche Google.

Comment profiter de cette fonctionnalité ?

L'activation des échanges signés pour la version classique de votre site ne nécessite aucune action supplémentaire de votre part. Cette fonctionnalité est déjà compatible avec l'outil d'échanges signés automatiques facile à utiliser de Cloudflare et avec le kit d'échanges SXG Open Source.

Utilisateurs existants de SXG sur mobile: Les échanges signés commenceront à s'appliquer automatiquement à vos navigations sur ordinateur.
Nouveaux utilisateurs: Lorsque cette option est activée, l'échange signé est disponible par défaut pour la navigation sur ordinateur et sur mobile Android. Consultez cet article de blog SXG pour savoir comment l'activer sur votre site.

Vous pouvez désactiver cette option si vous souhaitez utiliser la balise Meta supported-media. En savoir plus

En savoir plus sur l'impact des échanges signés

Plusieurs sites et marques internationales ont déjà bénéficié des échanges signés. Examinons quelques études de cas destinées aux utilisateurs actuels de SXG sur les mobiles Android:

Cloudflare, l'un des principaux réseaux de distribution de contenu (CDN), a réalisé un test afin de mesurer l'impact des échanges signés pour ses clients sur les 500 sites testés:

  • 85% ont constaté une amélioration du LCP.
  • 98% ont observé une réduction du temps de latence du premier octet (TTFB).
  • Amélioration médiane de 20% pour ces métriques.

RebelMouse, un système de gestion de contenu (CMS) de premier plan, a enregistré une amélioration des métriques d'activité et de performances pour ses clients, y compris:

  • Amélioration de 41% du LCP pour Narcity
  • Augmentation de 27% du nombre de sessions par utilisateur pour Paper Magazine
  • Le temps de chargement a diminué de 21% pour le blog MTL.

Assistance de la recherche Google pour les articles "À la une" et "Actualités"

La recherche Google est l'un des premiers utilisateurs du préchargement multi-origine des Échanges signés, qui protège la confidentialité, et qui, à ce jour, était disponible pour la navigation sur les sites à partir des résultats de page Web de la recherche. À partir de juillet 2022, cette fonctionnalité sera étendue à la recherche Google pour inclure également les navigations provenant des sections "À la une" et "Actualités". Bien que les échanges signés n'aient aucune incidence sur le classement ou les critères de sélection dans la recherche Google, ils ont la capacité d'améliorer les métriques Core Web Vitals et le LCP de votre site.

Cette fonctionnalité ne nécessite aucun effort supplémentaire de votre part pour être activée. Elle sera automatiquement disponible pour les utilisateurs nouveaux et existants.

Capture d'écran du widget "À la une" et "Actualités" de la recherche Google pour le terme de recherche "Actualités gaming".

Prise en charge de la personnalisation côté serveur

Les échanges signés utilisent un cache pour précharger et diffuser le contenu portant une signature cryptographique par l'origine. Le contenu mis en cache peut être envoyé à plusieurs utilisateurs ou plusieurs fois au même utilisateur. Auparavant, cela signifiait que l'échange signé n'était pas compatible avec les sites utilisant la personnalisation côté serveur, c'est-à-dire avec un code HTML différent pour les utilisateurs connectés.

Aujourd'hui, nous ajoutons l'échange dynamique dynamique, une nouvelle fonctionnalité qui vous permet d'activer de manière sélective les échanges signés pour les visites d'utilisateurs sans cookie uniquement sur Chromium. Les navigations connectées avec personnalisation côté serveur continueront de diffuser les versions non SXG de votre site.

Cela est particulièrement important pour les sites qui calculent dynamiquement une page Web unique pour chaque utilisateur connecté, et qui, par conséquent, ont souvent tendance à avoir un TTFB et un LCP plus élevés provenant des recherches dans les bases de données. Les échanges dynamiques vous offrent la possibilité d'exploiter les échanges signés afin d'accélérer la visite de certains utilisateurs sur votre site sans affecter votre capacité à offrir une expérience personnalisée aux autres.

Activer cette fonctionnalité

Pour activer un échange signé dynamique, vous devez ajouter une annotation Vary: Cookie à l'en-tête HTTP des pages contenant la personnalisation côté serveur. Voici quelques exemples illustrant la marche à suivre en fonction de votre serveur:

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

Notez que les échanges signés restent compatibles avec toute personnalisation côté client que vous utilisez pour charger des éléments tels qu'un widget de connexion, un panier ou un flux d'actualités personnalisé.

Étapes suivantes

Le groupe de travail SXG de Google continue d'investir dans l'ajout de nouvelles fonctionnalités aux échanges signés, en tenant compte des intérêts et des commentaires de la communauté. Des fonctionnalités intéressantes sont prévues dans les mois à venir. Consultez régulièrement le blog des développeurs Chrome pour en savoir plus.

Notes de bas de page

[1]: estimation basée sur les données historiques des visites d'échanges signés dans les navigateurs Chromium sur mobile. Les chiffres réels sont susceptibles de varier d'un site à l'autre.