Publié le 20 mai 2025
Lors de Google I/O 2025, nous avons dévoilé de nouvelles fonctionnalités pour optimiser votre productivité et vous permettre de créer un Web plus puissant, plus fluide et plus moderne.
Voici 10 innovations clés qui mettent des fonctionnalités de pointe directement entre vos mains et qui ne manqueront pas d'inspirer votre prochain projet.
1. Les carrousels sont plus faciles que jamais à créer avec quelques lignes de CSS et de HTML
Créez de magnifiques carrousels avec CSS qui sont interactifs dès le premier affichage. Chrome 135 a introduit de nouvelles primitives CSS (fragmentation stylisable, éléments de repère de défilement et boutons de défilement) qui simplifient la création de carrousels sans JavaScript. Utilisez des concepts CSS familiers pour créer des carrousels riches, interactifs, fluides et plus accessibles, en un temps record.
2. Pop-ups déclaratives : présentation de la nouvelle API Interest Invoker
L'API expérimentale Interest Invoker est disponible en phase d'évaluation en tant qu'
évaluation d'origine.
Grâce à cette fonctionnalité, vous pouvez activer ou désactiver de manière déclarative les pop-ups lorsque l'intérêt des visiteurs est actif pendant une courte durée. Adieu l'attribut [title] non stylisable, bonjour [interesttarget] ! Combinez-le avec l'
API Anchor Positioning et l'
API Popover
pour créer des éléments d'interface utilisateur riches, réactifs et interactifs, tels que des info-bulles ou des cartes de survol,
sans JavaScript. Les possibilités sont infinies avec le CSS moderne !
3. Plusieurs API d'IA intégrées utilisant des modèles de base de pointe sont disponibles, et proposent désormais des fonctionnalités multimodales dans l'API Prompt
Notre parcours d'IA intégrée se poursuit, vous offrant une confidentialité améliorée, une latence réduite et des coûts moins élevés, ainsi qu'un accès à des résultats de haute qualité créés par l'IA. L'IA intégrée utilise des modèles experts et Gemini Nano, le modèle le plus efficace de Google, pour les tâches sur l'appareil. À partir de Chrome 138, l'API Summarizer, l'API Language Detector, l'API Translator et l' API Prompt pour les extensions Chrome sont disponibles en version stable. De plus, l'API Writer et l'API Rewriter sont disponibles en phase d'évaluation.
La nouvelle API Proofreader, ainsi que l'API Prompt avec des fonctionnalités multimodales, sont disponibles dans Chrome Canary.
Pour obtenir les dernières informations, rejoignez notre programme d'aperçu anticipé afin de collaborer sur de nouvelles API d'IA intégrées et de façonner l'avenir de l'IA sur le Web.
4. L'IA côté client s'étend avec Firebase et l'API Gemini Developer pour fournir une solution d'IA hybride
Grâce à notre collaboration avec Firebase et l'API Gemini Developer, vous pouvez désormais créer des expériences Web basées sur l'IA sur mobile et sur ordinateur. Ces applications utilisent l'IA côté client lorsque cela est possible et s'adaptent de manière transparente à l'IA côté serveur pour atteindre tous les appareils et navigateurs. À partir d'aujourd'hui, Firebase AI Logic offre un accès transparent à l'API Prompt intégrée de Chrome, basée sur Gemini Nano et d'autres modèles plus petits similaires côté serveur à l'aide de l'API Gemini Developer.
5. L'assistance IA dans Chrome DevTools prend en charge votre workflow de débogage pour le style, les performances et plus encore
Grâce à l'assistance IA, vous pouvez discuter avec Gemini pour vous aider à déboguer les erreurs de style dans le panneau "Elements" , à résoudre les problèmes de performances dans le panneau "Performance", à identifier les problèmes de réseau dans le panneau "Network" et à localiser les fichiers sources dans le panneau "Sources". De plus, l'assistance IA peut désormais appliquer ses modifications liées au style directement à votre code source dans le panneau "Elements".
6. Les données utilisateur réelles, les insights Lighthouse et les fonctionnalités d'IA du panneau "Performance" de Chrome DevTools vous aident à comprendre et à résoudre les problèmes de performances
Grâce au panneau "Performance" repensé, vous pouvez désormais accéder aux données Core Web Vitals locales et réelles des utilisateurs et demander à Gemini de vous aider à comprendre et à résoudre les problèmes de performances. La barre latérale " Insights " intègre les insights Lighthouse dans vos traces, ce qui vous permet de déboguer plus rapidement, sans avoir à quitter votre workflow ni à perturber votre productivité.
7. La disponibilité des fonctionnalités Baseline est désormais disponible dans vos outils habituels : VS Code, ESLint et plus encore
Améliorez la précision et la confiance dans votre workflow de développement Web grâce à l'intégration de Baseline. Dans vos outils de développement Web habituels, vous bénéficierez d'une visibilité claire sur la disponibilité des fonctionnalités Web dans les principaux navigateurs :
- IDE : VSCode affiche désormais l'état de référence des fonctionnalités au fur et à mesure de leur création, et la prise en charge sera bientôt disponible pour WebStorm de JetBrains et les IDE basés sur VS Code, y compris Firebase Studio, Windsurf, GitHub Codespaces, etc.
- Linters : les linters CSS et HTML peuvent vous avertir de manière proactive lorsque vous utilisez une fonctionnalité plus récente que votre cible de référence. Baseline est compatible avec ESLint pour CSS, HTML ESLint et Stylelint.
- Analytics : RUMvision combine les données de référence avec les métriques utilisateur réelles, ce qui vous permet de sélectionner de manière stratégique la version de référence optimale pour votre audience. Les utilisateurs de Google Analytics peuvent importer leurs données dans le vérificateur de référence Google Analytics Checker pour obtenir des recommandations de référence.
- Compilateurs : utilisez browserslist-config-baseline pour intégrer vos cibles de référence dans vos outils de compilation de code tels que Babel et PostCSS afin de pouvoir utiliser des fonctionnalités modernes dans votre code source et les compiler dans vos builds de production.
8. Obtenez une vue complète de la prise en charge des fonctionnalités Web avec le tableau de bord de la plate-forme Web
L'année dernière, nous avons annoncé le lancement du tableau de bord de la plate-forme Web, qui permet d'explorer les données des fonctionnalités Web qui mappent l'ensemble de la plate-forme Web sous forme d'ensemble de fonctionnalités. Maintenant que l'ensemble de données des fonctionnalités Web est mappé à 100 %, vous pouvez, pour la première fois, voir l'état de référence de chaque fonctionnalité sur chaque navigateur (d'AVIF à View Transitions), y compris leur disponibilité et leur adoption. Restez informé et créez en toute confiance !
9. Version d'essai pour les développeurs pour une expérience de connexion simplifiée avec le Gestionnaire d'identifiants
Nous sommes conscients des difficultés que peuvent rencontrer les utilisateurs de vos sites avec plusieurs méthodes d'authentification, y compris les mots de passe, la fédération d'identité et les clés d'accès. Notre objectif est d'offrir aux utilisateurs une expérience de connexion unifiée et sans effort. C'est pourquoi nous intégrons l'expérience intuitive du Gestionnaire d'identifiants d'Android à Chrome. Bientôt, lorsque les utilisateurs cliqueront sur Se connecter , Chrome affichera les identifiants disponibles pour ce site, tels que les clés d'accès et les mots de passe du Gestionnaire de mots de passe Google, ce qui simplifiera la connexion. Nous prévoyons également d'ajouter la fédération d'identité à cette expérience. Le Gestionnaire d'identifiants pour le Web est désormais en version d'essai pour les développeurs. Restez à l'écoute pour en savoir plus d'ici la fin de l'année.
10. Itérez plus rapidement sur les extensions Chrome grâce à la possibilité d'annuler l'examen des envois
L'envoi de votre extension Chrome doit être simple, sans souci et passionnant ! Cependant, nous savons que l'un des points de friction était l'impossibilité de corriger rapidement une erreur dans un envoi en attente. Plus tôt cette année, nous avons introduit la possibilité d' annuler un envoi en attente, ce qui s'appuie sur la possibilité de revenir à une version publiée précédemment—l'objectif étant de vous permettre d'apporter des modifications et de renvoyer rapidement votre extension.
Pour obtenir les dernières informations, consultez developer.chrome.com et web.dev pour découvrir comment nous créons un Web puissant, plus simple. N'oubliez pas de nous suivre sur X, YouTube, et LinkedIn. À bientôt à la prochaine I/O !
Deloitte désigne une ou plusieurs entités de Deloitte Touche Tohmatsu Limited, une société privée britannique à responsabilité limitée par garantie ("DTTL"), son réseau de cabinets membres et leurs entités associées. DTTL et chacun de ses cabinets membres sont des entités juridiquement distinctes et indépendantes. DTTL (également appelée "Deloitte Global") ne fournit pas de services aux clients. Aux États-Unis, Deloitte désigne une ou plusieurs entités membres américaines de DTTL, leurs entités associées qui exercent leurs activités sous le nom "Deloitte" aux États-Unis et leurs filiales respectives. Certains services peuvent ne pas être sans frais aux clients d'attestation en vertu des règles et règlements qui s'appliquent aux services d'experts-comptables. Pour en savoir plus sur notre réseau mondial de cabinets membres, consultez la page www.deloitte.com/about.