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

Mariko Kosaka
X
Bienvenue dans le premier récapitulatif mensuel, qui revient sur les événements de l'équipe Web Developer Ecosystem✨

Nous sommes une équipe d'ingénieurs et de communicants qui rédigent des articles et des exemples de code, comme ce site Web sur les principes fondamentaux du Web et notre tout nouveau portail web.dev. Vous pouvez également découvrir notre travail sur notre chaîne YouTube et n'oubliez pas de nous suivre sur @ChromiumDev.

Février est un mois court, mais nous ne manquons pas de contenus. Commençons par les grandes nouveautés de l'équipe.

Versions

Workbox

Workbox 4.0 est sorti il y a quelques jours.🎉 Cette version comprend de nouvelles fonctionnalités intéressantes, comme workbox-window, et des améliorations de nombreux packages Workbox existants. Si vous utilisez déjà Workbox, consultez le guide de migration de la version 3 vers la version 4. Vous vous demandez comment utiliser Workbox dans votre projet existant ? Voici un guide pour les utiliser avec les outils de regroupement de votre choix. Vous ne savez pas quel problème Workbox aide à résoudre ? Regardez cette interview 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 de nouvelle génération. Vous souhaitez les essayer ? Commencez par le guide Essayer LitElement. 📝

Activités Web fiables

Avec la sortie de Chrome 72, les activités Web fiables sont arrivées sur le marché. Les TWA vous permettent d'utiliser Chrome en plein écran dans une activité Android, ce qui signifie que vous pouvez intégrer votre contenu Web à l'univers des applications.📱 Consultez ce guide de démarrage ou découvrez comment @svenbudak a mis sa PWA sur le Google Play Store.

Étapes suivantes

La version stable de Chrome 73 est en vue (12 mars). Nous avons donc beaucoup de fonctionnalités intéressantes à vous présenter !

V8 : le moteur JavaScript de Chrome comporte de nombreuses mises à jour, y compris Object.fromEntries et String.prototype.matchAll. Consultez la note de version v8.

Vous travaillez avec l'audio et la vidéo sur le Web ? La compatibilité avec les touches multimédias matérielles est disponible et la fonctionnalité "Ignorer l'annonce" dans la fenêtre Picture-in-picture est désormais en phase de test. Pour en savoir plus, consultez la page Mises à jour audio/vidéo dans Chrome 73.

En parlant de test d'origine, préparez-vous à 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 encore d'une fonctionnalité expérimentale. N'hésitez donc pas à l'essayer et à nous envoyer vos commentaires.

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

En même temps que nous accueillons de nouvelles fonctionnalités, nous devons aussi nous séparer de certaines. N'oubliez donc pas de consulter la liste des abandons et suppressions pour Chrome 73.

Nouveau développement

Voici quelques autres nouveautés que nous avons développées et qui seront disponibles dans un navigateur près de chez vous.

Pour éviter les attaques par script intersites, nous développons une nouvelle API appelée "Types approuvés". L'activation des types approuvés (via Content Security Policy) bloque le document contre l'injection DOM. Nous travaillons à fournir davantage d'exemples de code et de guides à ce sujet, mais en attendant, veuillez en savoir plus sur les Trusted Types pour les essayer.

Vous pourrez bientôt vraiment vite appuyer sur les boutons "Précédent" et "Suivant" dans Chrome. Nous étudions un nouveau cache "Retour/Avance" pour mettre en cache les pages en mémoire lorsque l'utilisateur quitte la page. Consultez cet article pour en savoir plus sur bfcache et voir un prototype.

Enfin, Intersection observer v2 introduit l'idée de suivre la "visibilité" réelle d'une cible.

Ce que nous testons

Notre travail ne s'arrête pas aux fonctionnalités du navigateur. Nous étudions é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-unes des choses que nous avons travaillées ce mois-ci.

Nouvelles vidéos et podcasts

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é ses réflexions sur le projet web.dev lors d'une rencontre. Jake et Surma sont de retour avec un nouveau podcast HTTP203 sur le test de rotation d'image.

Nous proposons également des émissions régulières, comme Nouveautés dans Chrome, Nouveautés dans DevTools et État du Web, sur notre chaîne YouTube.

Mention spéciale

Avez-vous consulté les exemples Puppeteer ? Vous avez peut-être vu le tweet d'Eric Bidelman "📯The 12 Days of Puppeteer 🤹🏻‍♂️🎁" l'année dernière. Il s'agit d'une excellente collection 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. N'hésitez pas à les consulter !

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

Conclusion

Qu'avez-vous pensé de la première récapitulative mensuelle ? Si vous l'avez apprécié ou si vous avez des idées pour l'améliorer, n'hésitez pas à me contacter sur Twitter @kosamari. ✅

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

En mars, quelques-uns d'entre nous partiront en Inde pour en savoir plus sur l'expérience Web mobile dans ce pays. ✈️ Nous avons hâte de vous faire part de nos découvertes !

À bientôt !👋