Google I/O 2024 : nouveautés en matière de performances du site et de recherche

Publié: 2024-05-18

Des avancées de l'IA et de l'apprentissage automatique aux mises à jour significatives des performances Web et de la recherche, Google I/O 2024 a présenté de nombreuses technologies transformatrices.

La conférence annuelle des développeurs était tout simplement spectaculaire, et nous ne pourrions être plus heureux d'avoir été invités à l'événement de Mountain View pour la deuxième année consécutive.

Georgi Petrov à Google I/O 2024

Voici donc les plus grandes annonces d’I/O 2024 de notre point de vue.

L'ère des Gémeaux : transformer n'importe quelle entrée en sortie

Le mot « IA » a été prononcé 120 fois au cours de la première journée de la conférence. Il n'est donc pas surprenant que le grand modèle de langage Gemini de Google ait été sous les projecteurs.

Mentions de l'IA lors de Google I/O

Le modèle de langage large mobile intégré à l'appareil de Google, anciennement connu sous le nom de Gemini Nano, fait l'objet d'une mise à niveau significative et s'appellera désormais Gemini Nano with Multimodality.

Sur scène, le PDG de Google, Sundar Pichai, a expliqué que cette amélioration permet au modèle de « transformer n'importe quelle entrée en n'importe quelle sortie ».

Cela signifie qu'il peut recueillir des informations à partir de diverses sources telles que du texte, des photos, de l'audio, du contenu Web, des vidéos sociales et même des vidéos en direct de l'appareil photo de notre téléphone. Il peut ensuite synthétiser ces informations pour fournir des résumés ou répondre à des questions liées au contenu.

Nous savons que lire à ce sujet peut ne pas sembler aussi excitant, mais faites-nous confiance lorsque nous disons que cela nous a époustouflés la première fois que nous l'avons vu. Cette démo permettra de mieux comprendre de quoi Gemini est capable :


Google réorganise la recherche aux États-Unis

L'IA générative n'est pas une nouveauté, étant à l'avant-garde de Google I/O 2023.

Cependant, cette année, Google a annoncé une extension de son expérience de recherche basée sur l'IA, en introduisant des aperçus de l'IA.

S'appuyant sur le puissant modèle Gemini, les aperçus IA peuvent générer des réponses rapides aux requêtes, en rassemblant des informations provenant de plusieurs sources.

Comme Google l'a dit :

« Tout cela est rendu possible par un nouveau modèle Gemini personnalisé pour la recherche Google. Il associe les capacités avancées de Gemini, notamment le raisonnement en plusieurs étapes, la planification et la multimodalité, à nos meilleurs systèmes de recherche.


Les capacités avancées de raisonnement en plusieurs étapes de Gemini lui permettent de traiter des requêtes complexes et de fournir des réponses détaillées.

Par exemple, vous pourriez demander : « Trouvez les meilleurs studios de yoga ou de Pilates à Boston, y compris des détails sur leurs offres de lancement et le temps de marche depuis Beacon Hill » et recevoir une réponse détaillée et informative :

Exemple d'aperçus d'IA

Source : Google

Cependant, la meilleure chose à propos de la recherche améliorée par l’IA est peut-être la possibilité de créer des plans à partir de zéro.

Si vous résidez aux États-Unis, une simple recherche « planifier un voyage de 3 jours à Rome » vous donnera une liste complète des endroits où séjourner, visiter et manger.

Comment préparer votre site pour les aperçus de l'IA de Google

Aussi excitantes que puissent paraître toutes les nouvelles améliorations du point de vue de l'utilisateur, la réalité est que de nombreuses entreprises qui dépendent du trafic de la recherche Google seront impactées.

Les aperçus IA occupent une grande surface d’écran et pourraient enterrer les résultats Web traditionnels à « lien bleu », limitant considérablement les taux de clics.

Du coup, être dans les 3 premiers résultats ne suffira plus.

Voici donc quelques tactiques qui pourraient augmenter votre visibilité dans les résultats de recherche :

  • Utilisez un format de questions-réponses – Structurez le contenu explicitement sous forme de questions et de réponses directes pour augmenter la visibilité dans les aperçus de l'IA de Google.
  • Développez des pages thématiques complètes – Créez des pages de présentation qui couvrent l’ensemble du parcours utilisateur, de la recherche initiale aux décisions finales, pour les requêtes complexes.
  • Présentez du contenu sur des sites de questions-réponses de haute autorité – Publiez du contenu faisant autorité sur des plateformes telles que Quora et Reddit pour améliorer la visibilité dans les résultats de recherche d'IA.
  • Optimisez le référencement technique pour une meilleure exploration – Assurez-vous que le référencement technique de votre site est optimisé afin que l'IA de Google puisse explorer et restituer efficacement tout le contenu de la page.
  • Surveillez le volume de recherche pour les requêtes améliorées par l'IA – Suivez les requêtes qui déclenchent des aperçus de l'IA pour identifier les lacunes dans le contenu et prioriser les opportunités d'optimisation à forte valeur ajoutée.

Navigation instantanée avec l'API des règles de spéculation

Bien que toutes les annonces en matière d'IA aient été révolutionnaires, nous admettons que nous étions plus enthousiasmés par le deuxième jour de la conférence I/O.

Tout d'abord, nous avons eu l'occasion de renouer avec Barry Pollard, lors de son discours sur l'API des règles de spéculation et l'avenir de la performance Web.


Deuxièmement, lors de la présentation, NitroPack a été mentionné, parmi d'autres partenaires de Google, comme exemple d'entreprise qui exploite avec succès la puissance de l'API des règles de spéculation.

NitroPack mentionné lors de Google I/O

Nous mentirions si nous disions que cette reconnaissance ne nous laisse pas sans voix.

Cela a été un voyage assez exceptionnel jusqu’à présent :

  1. Être invité à Google I/O pour la première fois en 2023.
  2. Organiser une série de webinaires sur la performance Web avec Barry et Adam Silverstein.
  3. Être mentionné lors des I/O 2024.

Et nous ne faisons que commencer.

Mais pour en revenir à la présentation de Barry et aux opportunités que l'API Speculation Rules apporte, voici les principaux points forts :

Comment activer l'API des règles de spéculation sur votre site

L'API Spéculation Rules vise à améliorer les performances de navigation des pages futures. Il étend les fonctionnalités des indicateurs de ressources existants tels que link rel=prefetch et link rel=prerender, offrant ainsi aux développeurs un moyen flexible et défini par JSON de spécifier des documents à précharger ou à pré-rendu.

L'API permet de définir le type de chargement spéculatif dans les éléments en ligne et les fichiers texte externes référencés par l'en-tête de réponse Speculation-Rules.

Vous disposez de deux options pour activer l'API des règles de spéculation :

  1. Utiliser des modèles d'URL : définissez les URL éligibles à la prélecture ou au prérendu.
  2. Spécifiez le niveau d'« empressement » : utilisez le paramètre d'empressement pour indiquer quand les spéculations doivent se déclencher – « empressé » déclenche les règles de spéculation dès qu'elles sont observées ; « modéré » effectue des spéculations si vous survolez un lien pendant 200 millisecondes ; « conservateur » spécule sur le pointeur ou l'atterrissage.

Exemple d'API de règles de spéculation

Pour plus de détails, nous vous recommandons fortement de consulter la présentation de Barry Pollard.

IA de navigation : automatisation du chargement instantané des pages

La raison pour laquelle nous avons été mentionnés lors de la conférence était notre dernier produit, Navigation AI.


Navigation AI est un outil avancé basé sur l'IA qui améliore la navigation Web en prédisant et en analysant le comportement des utilisateurs pour pré-afficher des pages entières pendant le parcours client. Cette technologie permet aux propriétaires de sites de proposer des expériences de navigation instantanées sur ordinateur et mobile, augmentant ainsi l'engagement des clients et les taux de conversion.

À l’aide de l’API Speculation Rules, Navigation AI fonctionne en deux étapes :

  • Prédictions initiales : l'IA effectue des prédictions initiales sur le chargement des pages sans surcharger le navigateur.
  • Analyse du comportement : ajuste les prédictions et demande à l'API de pré-afficher les pages une fois que les actions de l'utilisateur sont plus claires.

Ce chargement de page prédictif conduit aux éléments suivants :

  • 20 % d'amélioration supplémentaire du LCP
  • Amélioration de 80 % par rapport à CLS

Améliorations de Navigation AI Core Web Vitals

Découvrez la puissance de l’API Speculation Rulest et du chargement prédictif des pages. Rejoignez la liste d'attente pour Navigation AI →

De meilleures façons de déboguer l’interaction avec Next Paint (INP)

Cela fait deux mois qu'INP a été promu Core Web Vital officiel, remplaçant First Input Delay (FID).

Et depuis sa sortie, il y a eu une baisse mondiale du taux de réussite des Core Web Vitals.

Heureusement, Chrome a travaillé sans relâche pour permettre aux développeurs et aux propriétaires de sites de mieux déboguer INP, en publiant la version 4 de web-vitals.js.

Certaines des améliorations incluent :

  • Ajout de nextPaintTime , qui marque l'horodatage de la prochaine peinture après l'interaction.
  • Ajout de inputDelay , qui mesure le temps écoulé entre le moment où l'utilisateur a interagi avec la page et le moment où le navigateur a pu commencer à traiter les écouteurs d'événements pour cette interaction.
  • Ajout deprocessingDuration , qui mesure le temps écoulé entre le début de l'exécution du premier écouteur d'événement en réponse à l'interaction de l'utilisateur et la fin de tout le traitement de l'écouteur d'événement.
  • Ajout de présentationDelay , qui mesure le temps écoulé entre le moment où le navigateur a fini de traiter tous les écouteurs d'événements pour l'interaction de l'utilisateur et celui où l'image suivante est présentée à l'écran et visible par l'utilisateur.
  • Ajout de processEventEntries , un tableau d'entrées d'événements qui ont été traitées dans la même image d'animation que l'interaction du candidat INP.
  • Ajout de longAnimationFrameEntries , qui inclut toutes les entrées d'images d'animation longues qui chevauchent l'interaction du candidat INP.

En résumé, la dernière version fournit de meilleures informations sur les différentes parties d'une interaction et pourquoi elle est lente.

Pour bien comprendre les nouvelles améliorations et comment les exploiter pour améliorer l'INP, consultez la présentation de Jeremy Wagner :

Conclure

Google I/O est toujours une révélation, offrant un aperçu de l'avenir de la technologie et de l'innovation. Chaque année, nous revenons de l’événement pleins d’idées nouvelles et d’inspiration pour des améliorations.

La richesse des connaissances partagées par les leaders de l’industrie et le dévoilement d’avancées révolutionnaires nous poussent constamment à élever nos propres projets. Nous sommes impatients d’appliquer les connaissances acquises et de faire progresser notre travail.

Aussi, si vous souhaitez approfondir toutes les annonces faites lors de la conférence, rendez-vous sur le site officiel : https://io.google/2024/explore/