Nouveautés de Chrome 60

Pete LePage

Vous souhaitez consulter la liste complète des modifications ? Consultez la liste des modifications apportées au dépôt source Chromium.

Je m'appelle Pete LePage. Voyons ce que Chrome 60 a de nouveau à offrir aux développeurs.

API Paint Timings

Lorsqu'un utilisateur accède à une page Web, il recherche un retour visuel pour s'assurer que tout fonctionne. Avec la nouvelle API Paint Timings, nous pouvons désormais le mesurer.

L'API expose deux métriques:

  • Temps de première peinture : indique le moment où le navigateur commence à afficher quelque chose, le premier élément de contenu à l'écran.
  • Temps de First Contentful Paint : indique le moment où le navigateur affiche le premier bit de contenu du DOM, du texte, d'une image, etc.

Consultez Tirer parti des métriques de performances qui ont le plus d'impact sur l'expérience utilisateur pour découvrir comment suivre ces métriques et les utiliser pour améliorer votre expérience.

Propriété CSS font-display

Les polices Web vous permettent d'intégrer une typographie riche. Toutefois, si l'utilisateur ne dispose pas déjà de la police, elle doit être téléchargée, ce qui peut ralentir votre site.

Heureusement, la plupart des navigateurs utilisent une police de remplacement si le téléchargement de la police prend trop de temps. La nouvelle propriété font-display vous permet de contrôler l'affichage d'une police téléchargeable avant qu'elle ne soit entièrement chargée.

  • auto utilise la stratégie d'affichage de la police utilisée par l'agent utilisateur.
  • block attribue à la police une période de blocage courte et une période d'échange infinie.
  • swap attribue à la police une période de blocage de zéro seconde et une période d'échange infinie.
  • fallback attribue à la police une période de blocage extrêmement courte et une période d'échange courte.
  • optional attribue à la police une période de blocage extrêmement courte et une période de swap de zéro seconde.

Il est compatible avec Chrome 60 et Opera, et est en cours de développement sur Firefox. Pour en savoir plus, consultez la section Contrôler les performances des polices avec font-display.

WebAssembly

WebAssembly ou wasm offre un nouveau moyen d'exécuter du code écrit dans des langages tels que C et C++ sur le Web, à une vitesse proche de la vitesse native.

Il offre la vitesse nécessaire pour créer un éditeur vidéo dans le navigateur ou pour exécuter un jeu Unity à une fréquence d'images élevée à l'aide d'API de plate-forme Web basées sur des normes existantes.

Pour en savoir plus, consultez webassembly.org, qui propose des démonstrations, des documents et des instructions pour vous lancer.

Et bien plus !

  • La nouvelle API Web Budget permet aux sites disposant de l'autorisation de notifications push d'envoyer un nombre limité de messages push qui déclenchent des tâches en arrière-plan, telles que la synchronisation de données ou le rejet de notifications, sans avoir à afficher une notification visible par l'utilisateur.
  • PushSubscription.expirationTime est désormais disponible. Il informe les sites de la date et de l'éventuelle expiration d'un abonnement.
  • Les propriétés rest et spread des objets sont désormais prises en charge, ce qui facilite la fusion et le clonage superficiel des objets, ainsi que l'implémentation de divers modèles d'objets immuables.

Remarque:L'API Payment Request a été déployée dans Chrome 61.

Ce ne sont là que quelques-unes des modifications apportées à Chrome 60 pour les développeurs.

Ensuite, abonnez-vous à notre chaîne YouTube. Vous recevrez alors une notification par e-mail chaque fois que nous lancerons une nouvelle vidéo.

Je m'appelle Pete LePage. Dès que Chrome 61 sera disponible, je vous présenterai les nouveautés de Chrome.