10 actualités Google I/O 2024: libérer la puissance de l'IA pour tous les développeurs Web

Le Web a 35 ans en août. Des générations de développeurs ont façonné cette technologie incroyable et apporté d'innombrables innovations à nos vies. Aujourd'hui, c'est l'émergence d'une nouvelle génération, avec l'IA. Voici 10 fonctionnalités dévoilées lors de notre discours d'ouverture pour les développeurs et des sessions I/O qui vous aideront à améliorer votre développement grâce à un Web plus performant et plus facile à utiliser.

1. Intégration Gemini Nano dans Chrome pour ordinateur pour offrir de nouvelles fonctionnalités d'IA sur l'appareil

À partir de Chrome 126, Gemini Nano sera intégré au bureau Chrome. Pourquoi est-ce important ? Vous pourrez proposer de puissantes fonctionnalités d'IA à des milliards d'utilisateurs de Chrome sans avoir à vous soucier de l'ingénierie des invites, de l'ajustement, de la capacité ou du coût. "M'aider à écrire" est disponible dans Chrome sur l'appareil pour aider les utilisateurs à écrire des contenus courts.

Aidez-nous à façonner le Web de demain en vous inscrivant à notre programme d'aperçu en avant-première.

2. WebAssembly et WebGPU activent l'IA sur l'appareil, quel que soit le modèle d'IA que vous utilisez

Nous avons beaucoup investi pour garantir l'exécution rapide et efficace des modèles d'IA à l'aide de WebGPU et de Wasm, les technologies backbone qui permettent d'utiliser l'IA sur l'appareil sur le Web. De nouvelles améliorations, telles que les valeurs à virgule flottante 16 bits dans WebGPU et l'intégration de Memory64 et JavaScript Promise dans Wasm, rendent l'IA encore plus rapide. Avec Wasm et WebGPU, vos bibliothèques d'IA pourront exécuter des modèles à grande échelle sur une vaste gamme de matériel.

3. Les outils pour les développeurs Chrome optimisés par l'IA simplifient votre processus de débogage

Les outils pour les développeurs Chrome sont l'un des outils les plus populaires pour déboguer et ajuster votre application. Avec l'IA, le débogage va devenir beaucoup plus facile. Nous déployons Gemini dans la console des outils pour les développeurs Chrome afin de générer des insights, de vous aider à comprendre le problème et même de trouver comment le résoudre.

Les insights de la console des outils pour les développeurs Chrome sont disponibles aujourd'hui en tant que fonctionnalité expérimentale aux États-Unis, et le sera bientôt dans d'autres pays.

4. L'API Speculation Rules offre des expériences de navigation instantanées

Avec la nouvelle API Speculation Rules, nous activons la navigation quasi instantanée, ce qui accélère considérablement la navigation en préchargeant et en prérenduant les pages en arrière-plan. Pensez aux millisecondes plutôt qu'aux secondes. Et ce n'est pas tout : Il suffit de quelques lignes de code pour commencer, et l'IA peut être utilisée pour prédire intelligemment les schémas de navigation.

Exemple Tokopedia: impact du prérendu sur l'accélération du temps de chargement, même sur une connexion lente.

5. Afficher l'API Transitions pour les sites comportant plusieurs pages

Nous souhaitons redéfinir l'expérience des utilisateurs sur le Web. Pour les développeurs, nous voulons changer la façon dont vous créez pour le Web. Avec l'API View Transitions, vous pouvez facilement animer entre différents états de page. Il fonctionne désormais avec les applications multipages, ce qui vous permet de créer une navigation fluide, quelle que soit l'architecture de votre site. Lorsqu'elles sont associées aux règles de spéculation et à l'IA, les transitions de page peuvent être vraiment fluides.

6. Tableau de bord de la plate-forme Web pour une vue unifiée de tous les navigateurs

Nous savons qu'il n'est pas facile de se tenir au courant des dernières modifications apportées à la plate-forme, des API et des frameworks des différents navigateurs lorsqu'ils sont constamment mis à jour. La base de référence permet de savoir quelles fonctionnalités Web sont compatibles avec tous les navigateurs. Désormais, avec le tableau de bord de la plate-forme Web, vous pouvez visualiser l'ensemble de la plate-forme Web sous la forme d'un ensemble de fonctionnalités, suivre leur développement et vérifier leur état d'interopérabilité.

7. Outils de référence intégrés à votre workflow

La version de référence fonctionne mieux lorsqu'elle est intégrée à votre workflow. À partir d'aujourd'hui, le service RUM Archive d'Akamai dispose d'un nouvel outil destiné aux développeurs sur RUM Archive Insights. Pour la première fois, vous pouvez voir côte à côte la part d'utilisateurs globale des versions et fonctionnalités de référence qui sont déverrouillées avec cette version de référence.

8. Une hydratation partielle dans Angular améliore les performances

Nous pensons que Angular est l'une des meilleures plates-formes pour créer et déployer des applications Web. Nous travaillons actuellement sur l'hydratation partielle. JavaScript ne charge et n'hydrate une partie de votre application qu'en cas de besoin. Cela permet d'améliorer considérablement Core Web Vitals pour les applications sensibles aux performances. Vous pourrez le découvrir en Preview développeur au cours des prochaines semaines.

9. Réactivité angulaire précise avec les signaux, sans configuration particulière

Nous souhaitons vous donner un contrôle plus précis sur la détection et la gestion des modifications apportées à vos applications. Entrée: réactivité ultraprécise avec les signaux. Angular fournit un nouvel ensemble d'API réactives qui offrent une expérience de première classe aux développeurs avec des signaux. Les signaux permettent une détection précise des modifications, qui ne vérifie qu'une partie de l'arborescence des composants pour propager les changements d'état. Vous n'avez donc plus besoin d'optimiser manuellement l'UI.

Les API réactives basées sur les signaux sont disponibles dès aujourd'hui, prêtes à l'emploi. La détection précise des modifications sera disponible dans le courant de l'année.

10. Créer des expériences immersives 3D dans l'API Maps JavaScript

Nous offrons de nouvelles façons de créer des expériences Web immersives en intégrant des cartes en 3D photoréalistes à l'API Maps JavaScript, bien connue de Google, à partir de Google Maps Platform. Vous pouvez désormais profiter de la technologie de rendu de Google pour afficher des cartes 3D enrichies au rythme attendu par vos utilisateurs. Et le meilleur dans tout cela: vous pouvez vous lancer avec une seule ligne de code.

Nous avons hâte de découvrir les superbes expériences immersives que vous allez créer ! En savoir plus


Chaque jour, vous brûlez la complexité du développement et repoussez les limites du possible. Nous sommes ravis de vous aider à créer de nouvelles expériences qui nous plairont tous. Consultez developer.chrome.com et web.dev pour en savoir plus sur ce Web puissant, plus facilement. Suivez-nous sur X, YouTube et maintenant LinkedIn.

À bientôt au prochain salon I/O !