Nouveautés de Chrome 60

Pete LePage

  • L'API Paint Timing vous permet de mesurer le temps nécessaire pour effectuer une première peinture et le délai avant la première peinture avec l'API Paint Timings.
  • Le font-display vous permet de contrôler le mode d'affichage des polices avant leur téléchargement.
  • WebAssembly est arrivé
  • Et ce n'est pas tout ! Ce n'est pas tout !

Vous souhaitez consulter la liste complète des modifications ? Consultez la liste des modifications du dépôt de sources Chromium.

Je m'appelle Pete LePage. Entrons maintenant dans le vif du sujet et découvrons les nouveautés de Chrome 60 pour les développeurs.

API Paint Timings

Lorsqu'un utilisateur accède à une page Web, il recherche un retour visuel pour le rassurer sur le fait que tout fonctionne correctement. Avec la nouvelle API Paint Timings, nous pouvons maintenant mesurer cela.

L'API expose deux métriques:

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

Consultez la page Exploiter les métriques de performances qui affectent le plus l'expérience utilisateur pour découvrir comment suivre ces métriques et les utiliser afin d'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 possède pas encore la police de caractères, elle doit être téléchargée, ce qui peut rendre votre site lent.

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 le rendu d'une police téléchargeable avant son chargement complet.

  • auto applique la stratégie d'affichage des polices utilisée par le user-agent.
  • block attribue à la police une courte période de bloc et une période d'échange infinie.
  • swap attribue à la police une période de bloc de zéro seconde et une période d'échange infinie.
  • fallback attribue à la police une période de bloc extrêmement petite et une période d'échange courte.
  • optional attribue à la police une période de bloc extrêmement petite et une période d'échange de zéro seconde.

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

WebAssembly

Web Assembly (ou Wasm) offre une nouvelle façon d'exécuter du code écrit dans des langages tels que C et C++ sur le Web, à une vitesse presque native.

Il offre la vitesse nécessaire pour créer un outil de montage vidéo intégré à un navigateur ou pour exécuter un jeu Unity à une fréquence d'images élevée à l'aide des API de plate-forme Web standards existantes.

Vous trouverez plus d'informations sur webassembly.org, y compris des démonstrations, de la documentation et des instructions de démarrage.

Et plus encore

  • La nouvelle API Web Budget permet aux sites disposant de l'autorisation de notification push d'envoyer un nombre limité de messages push qui déclenchent des tâches en arrière-plan, telles que la synchronisation des données ou la fermeture de notifications, sans qu'il soit nécessaire d'afficher une notification visible par l'utilisateur.
  • PushSubscription.expirationTime est désormais disponible, et permet aux sites de savoir si un abonnement arrive à expiration et quand.
  • Les propriétés Repos et propagation des objets sont désormais prises en charge, ce qui facilite la fusion d'objets et la création de clones superficiels, 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 une notification par e-mail chaque fois que nous lancerons une nouvelle vidéo.

Je m'appelle Pete LePage. Je serai là pour vous informer dès que Chrome 61 sera disponible.