Équipe des écosystèmes de développement Web – Conclusion de février

Mariko Kosaka
X
Bienvenue dans la première partie de cette synthèse mensuelle, qui revient sur ce qui s'est passé dans l'équipe Web Developer Ecosystem. ✨

Notre équipe d'ingénieurs et de communicants produit des articles et des exemples de code, comme le site Web Fundamentals (Principes fondamentaux du Web) et notre tout nouveau portail, web.dev. Vous pouvez également retrouver notre travail sur notre chaîne YouTube et n'oubliez pas de nous suivre sur @ChromiumDev :)

Le mois de février est court, mais nous ne sommes pas à court de contenus. Commençons par les sorties importantes de l'équipe.

Versions

Workbox

La version de Workbox 4.0 est sortie il y a quelques jours.🎉 Cette version inclut de nouvelles fonctionnalités telles que workbox-window et des améliorations de nombreux packages de boîte de travail existants. Pour ceux d'entre vous qui utilisent déjà Workbox, consultez le guide de migration de la v3 vers la v4. Vous vous demandez comment utiliser Workbox dans votre projet existant ? Voici un guide pour les utiliser avec les bundlers de votre choix. Vous ne savez pas quel problème la boîte de travail permet de résoudre ? Regardez cet entretien sur les service workers dans l'émission "State of the Web".

lit-html et LitElement

L'équipe du projet Polymer a travaillé sur la version stable de lit-html et de LitElement, deux bibliothèques de développement Web nouvelle génération. Voulez-vous les essayer ? Commencez par le guide Essayer LitElement 📝

Activités Web fiables

Avec le lancement de Chrome 72, le service Activité Web sécurisée (TWA) est entré sur le marché. Les TWA vous permettent d'afficher Chrome en plein écran dans une activité Android, ce qui signifie que vous pouvez intégrer votre contenu Web dans la sphère d'application📱. Consultez ce guide de démarrage ou découvrez comment @svenbudak a publié sa PWA sur le Google Play Store.

À venir

Avec la version stable de Chrome 73 à l'horizon (le 12 mars), nous avons de nombreuses fonctionnalités intéressantes à couvrir.

V8 : le moteur JavaScript de Chrome fait l'objet de nombreuses mises à jour, y compris Object.fromEntries et String.prototype.matchAll. Consultez les notes de version de la version 8.

Vous utilisez du contenu audio et vidéo sur le Web ? Les clés multimédias matérielles sont maintenant prises en charge, et l'option "Ignorer l'annonce" dans la fenêtre Picture-in-picture est maintenant en phase d'évaluation. Pour en savoir plus, consultez Mises à jour audio/vidéo dans Chrome 73.

En ce qui concerne la phase d'évaluation, préparez-vous à utiliser la priorité de récupération avec la priorité de récupération. Les développeurs peuvent définir l'importance d'un élément <script>, <img> ou <link> pour indiquer au navigateur comment les charger. Il s'agit d'une fonctionnalité expérimentale. N'hésitez pas à l'essayer et à nous faire part de vos commentaires.

Les performances d'affichage sont toujours au cœur de nos préoccupations. Dans Chrome 73, les écouteurs wheel et mousewheel enregistrés sur des cibles racines (fenêtre, document ou corps) sont des écouteurs passifs par défaut, offrant ainsi un défilement rapide par défaut.

Les nouvelles fonctionnalités doivent être ajoutées, mais nous devons également les supprimer. Par conséquent, n'oubliez pas de consulter également les abandons et suppressions pour Chrome 73.

Nouveau développement

Voici d'autres éléments sur lesquels nous avons travaillé et qui seront disponibles dans un navigateur proche de chez vous.

Pour éviter les scripts intersites, nous développons une nouvelle API appelée Trusted Types. L'activation des types de confiance (via Content Security Policy) verrouillera le document contre l'injection DOM. Nous mettons tout en œuvre pour fournir d'autres exemples de code et guides à ce sujet. En attendant, n'hésitez pas à consulter plus d'informations sur les Trusted Types pour les essayer.

Il se peut que les boutons "Précédent" et "Suivant" de Chrome soient bientôt très rapides. Nous étudions un nouveau cache amélioré pour mettre en cache les pages en mémoire lorsque l'utilisateur quitte la page. Découvrez la vidéo d'explication et le prototype de cache amélioré dans cet article.

Enfin, Intersection Observ v2 permet de suivre la "visibilité" réelle d'une cible.

Ce que nous allons bricoler

Notre travail ne se limite pas aux fonctionnalités des navigateurs. Nous examinons également les performances des applications Web, créons des applications Web et réfléchissons à différentes façons d'aider les développeurs Web du monde entier. Voici quelques-uns des points sur lesquels nous avons apporté des bricolages ce mois-ci.

Nouveaux podcasts et vidéos

Martin lance une nouvelle série intitulée SEO JavaScript. Le premier épisode explique comment la recherche Google indexe les sites JavaScript. Meggin a récemment présenté des réflexions sur le projet web.dev lors d'une rencontre. Jake et Surma sont de retour avec un nouvel épisode de podcast HTTP 203 sur l'expérience de rotation d'images.

Nous proposons aussi régulièrement des émissions comme New in Chrome, What's New in DevTools et The State of the Web sur notre chaîne YouTube.

Dédicace spéciale

Avez-vous vu des exemples Puppeteer ? Vous l'avez peut-être vu grâce au tweet d'Eric Bidelman "📯Les 12 jours de Puppeteer 🤹🏻 ♂️🎁" l'année dernière. Il s'agit d'une collection impressionnante d'exemples de code Puppeteer qui vous permet de réfléchir de manière créative à ce que vous pouvez faire avec le navigateur. Tu devrais les regarder !

(Bonne chance à votre nouvelle entreprise, Eric ! Vous allez nous manquer !)

Conclusion

Qu'avez-vous pensé de ce premier récapitulatif mensuel ? Si cela vous a plu ou si vous avez des idées pour l'améliorer, faites-le moi savoir sur Twitter : @kosamari ✅

Si vous avez créé quelque chose de nouveau à l'aide des fonctionnalités présentées ici ou si vous avez modifié quelque chose dans votre codebase en fonction de nos articles, n'hésitez pas à nous en informer à l'adresse @ChromiumDev.

En mars, certains d'entre nous partent en Inde dans l'espoir d'en savoir plus sur l'expérience Web mobile ✈️ J'ai hâte de partager ce que nous avons appris !

À bientôt le mois prochain 👋