Publié le 13 décembre 2024
À l'époque où le Web commençait à peine à se développer, être en ligne signifiait attendre patiemment que la connexion commutée lente se fasse et manipuler des bouts de Perl et de HTML. Mais le Web a évolué de manière exponentielle en un clin d'œil. Que vous vous fassiez livrer des courses à la dernière minute ou que vous utilisiez l'IA pour résumer de longs articles, un lien est désormais une porte d'entrée vers des possibilités infinies.
C'est pourquoi tant d'entre nous aiment le Web. Pour vous aider à captiver davantage de personnes dans le monde entier, nous avons lancé de nouveaux outils pour tous les développeurs Web, que vous soyez débutant ou professionnel, et que vous travailliez sur le frontend ou le full stack.
Découvrez notre récapitulatif 2024 des fonctionnalités innovantes qui vous permettent de créer des expériences Web plus imaginatives avec moins d'efforts.
L'IA intégrée à Chrome aide les développeurs à proposer des fonctionnalités puissantes avec Gemini
Lors de Google I/O 2024, nous avons annoncé comment nous utilisons l'IA pour booster le Web avec Gemini Nano directement intégré à Chrome. À ce jour, plus de 13 000 d'entre vous ont rejoint le programme de preview anticipée pour nous aider à façonner l'avenir du Web. Nous vous remercions de vos contributions et avons hâte de découvrir toutes les expériences d'IA innovantes que vous allez créer.
Pour vous aider à tirer le meilleur parti de l'IA, nous avons lancé plusieurs API intégrées dans les versions d'essai d'origine, comme les API Prompt, Translator, Summarizer et Language Detector expérimentales. Ils vous permettent tous d'exécuter des tâches optimisées par l'IA dans le navigateur sans appels de serveur. Vous n'avez pas besoin de gérer ni de déployer vos propres modèles d'IA. Plus de 8 600 développeurs se sont inscrits au Défi IA intégrée dans Google Chrome pour créer une application Web ou une extension Chrome à l'aide de ces API. Nous annoncerons les gagnants à la mi-janvier. Restez à l'écoute !
L'IA sur l'appareil est boostée grâce aux améliorations apportées à WebAssembly (Wasm) et WebGPU
Nous pensons que le Web est le meilleur environnement d'exécution pour créer des applications optimisées par l'IA qui peuvent toucher tous les utilisateurs. En complément de notre travail sur les API d'IA intégrées, nous avons également amélioré deux technologies qui vous permettent d'apporter vos propres modèles d'IA sur le Web et de les exécuter rapidement : WebGPU et Wasm.
Nous avons introduit des valeurs à virgule flottante de 16 bits dans WebGPU et des produits scalaires d'entiers compressés, qui permettent une utilisation plus flexible du GPU d'un appareil avec des nuanceurs de calcul. Les sous-groupes et les matrices de sous-groupes font partie des améliorations prévues pour WebGPU. Ces fonctionnalités permettront aux applications de communiquer rapidement entre les threads GPU et de tirer le meilleur parti de la multiplication matricielle à taille fixe. Nous allons également introduire Memory64 dans Wasm en 2025 pour permettre d'adresser des modèles d'IA plus volumineux en mémoire.
L'API View Transitions rend les sites plus connectés que jamais grâce à une navigation fluide
Grâce à de nouvelles fonctionnalités telles que les transitions de vue entre les documents, vous pouvez créer une navigation fluide et transparente sur plusieurs pages. Il suffit de quelques lignes de CSS pour se débarrasser de ces "clignotements" de rechargement agaçants. La navigation fluide et native qui en résulte vous aide à proposer des expériences plus immersives tout en conservant les avantages des architectures multipages.
Le positionnement des popovers et des ancres CSS permet de créer des calques interactifs sans JavaScript
Vous pouvez désormais créer des info-bulles, des menus et d'autres calques avec popover et les associer visuellement à leurs éléments déclencheurs avec l'API CSS Anchor Positioning. Il vous suffit d'un peu de CSS et de HTML pour vous assurer que les calques restent ancrés et visibles, même lorsque les utilisateurs font défiler la page ou redimensionnent les fenêtres. Vos utilisateurs bénéficient d'une expérience Web plus fiable et dynamique, et vous n'avez plus à gérer l'index Z ni à effectuer des calculs de positionnement JavaScript complexes. Chacun y trouve son compte.
L'API Speculation Rules permet une navigation quasi instantanée en prérendant les pages
Cette année, les temps de chargement des pages sont passés de rapides à quasi instantanés grâce à l'API Speculation Rules. Cette API, qui ne nécessite que quelques lignes de code JSON pour être implémentée, permet aux pages d'être prérendues entièrement en arrière-plan afin qu'elles soient prêtes à l'emploi à tout moment.
L'Interaction to Next Paint (INP) devient une métrique Core Web Vitals
En mars, INP a remplacé First Input Delay en tant que métrique Core Web Vitals pour vous aider à mesurer la réactivité des pages de manière plus complète au-delà de la première saisie de l'utilisateur. Depuis, le nombre de sites ayant un INP "bon" sur mobile a augmenté de 9 %, ce qui se traduit par des expériences utilisateur plus rapides et plus agréables sur le Web.
La saisie automatique vous permet d'offrir aux utilisateurs des paiements en ligne plus fluides
L'activation de la saisie automatique, qui permet aux navigateurs de remplir automatiquement les champs de formulaire avec les informations enregistrées des utilisateurs, peut encourager les utilisateurs à terminer l'envoi des formulaires. Lorsque l'équipe Chrome a analysé des données agrégées et anonymes sur des milliers de formulaires en ligne, elle a constaté que l'abandon de formulaire avait diminué de 75 % en moyenne lorsque la saisie automatique était utilisée. Bien que de nombreux facteurs contribuent à une expérience de paiement positive, les données suggèrent que la saisie automatique peut jouer un rôle utile.
La saisie automatique est particulièrement utile pour les parcours de paiement sur les sites d'e-commerce. Chez Shopify,les paiements sans connexion avec saisie automatique génèrent un taux de conversion 45 % plus élevé que les paiements sans connexion sans saisie automatique.
Les outils pour les développeurs Chrome passent au niveau supérieur grâce à des solutions basées sur l'IA
Vous vous souvenez peut-être que nous avons introduit Gemini dans les outils pour les développeurs Chrome avec les insights de la console, ce qui vous permet d'accéder au débogage optimisé par l'IA pour résoudre les problèmes plus efficacement. Depuis Google I/O 2024, cette fonctionnalité est disponible dans le monde entier.
Nous avons également lancé le panneau d'assistance IA, qui utilise Gemini pour vous aider à comprendre les détails techniques de votre page, tels que le style, les requêtes réseau, les sources et les performances.
Vous avez peut-être remarqué que le panneau "Performances" a également été considérablement amélioré cette année. Vous pouvez désormais surveiller les Core Web Vitals en temps réel et ajouter des annotations. De plus, nous avons intégré la puissance de Lighthouse au panneau "Performances" avec les insights sur les performances.
Grâce à ces améliorations basées sur l'IA, aux améliorations du panneau "Performances" et à des dizaines de mises à jour pratiques, comme les badges de défilement, les outils de développement Chrome sont plus utiles que jamais. D'autres améliorations, comme des performances optimisées grâce aux nouveaux modèles Gemini 2.0, seront disponibles en 2025.
Baseline 2024 offre aux développeurs de nouvelles fonctionnalités Web cross-navigateur
De l'interpolation de dégradé aux propriétés personnalisées enregistrées, Baseline 2024 inclut jusqu'à présent 39 nouvelles fonctionnalités Web multi-navigateurs. Vous ne devriez pas avoir à vous soucier de l'interopérabilité une fois qu'une fonctionnalité fait partie de Baseline depuis au moins 30 mois. Toutefois, si vous hésitez à utiliser une nouvelle fonctionnalité au risque de perdre potentiellement une partie de votre couverture, consultez les insights de l'archive RUM d'Akamai pour connaître les fonctionnalités de chaque version de référence et la part d'utilisateurs dans le monde.
Notre annonce Baseline préférée de l'année est le tableau de bord sur l'état de la plate-forme Web, qui présente toutes les fonctionnalités Web ainsi que leur niveau de compatibilité entre les navigateurs. Mieux encore, les données qui alimentent le tableau de bord Web Platform Status sont ouvertes et disponibles. Vous pouvez les utiliser et les intégrer à vos propres outils. La bannière de référence en est un excellent exemple.
Les principaux navigateurs rendent plus de fonctionnalités de référence avec Interop 2024
Pour ajouter d'autres fonctionnalités à Baseline, nous avons de nouveau collaboré avec nos partenaires sur Interop 2024. Les fonctionnalités cibles de cette année incluent les pop-ups, l'imbrication CSS, l'ajustement de la taille de la police et la syntaxe de couleur relative.
Interop définit également des scores pour les versions expérimentales et stables des navigateurs. Le score d'interopérabilité global pour les navigateurs stables est actuellement de 87, et Chrome Stable a obtenu un score de 98 à l'approche de la fin de l'année. Vous pouvez suivre la progression des navigateurs sur le tableau de bord Interop. Nous prévoyons déjà Interop 2025, que nous annoncerons en février.
Façonnons ensemble la croissance du Web pour la nouvelle année
Même si nos progrès en 2024 sont prometteurs, nous savons que l'avenir est encore plus radieux. Et tout cela, c'est grâce à la passion, aux commentaires et à l'innovation de notre communauté de développeurs. Lors d'événements organisés dans le monde entier, de la BrazilJS Conference au DevFest Paris, en passant par Google I/O 2024 et le premier Web AI Summit, une chose nous est apparue clairement à maintes reprises : vous croyez tous autant que nous au pouvoir et au potentiel du Web.
Vous avez des idées plus audacieuses que jamais. Nous nous engageons à vous aider à les concrétiser. Alors, restez connecté avec nous sur X, YouTube et LinkedIn pour nos dernières actualités. Ensemble, réinventons la puissance du Web.