Neu in Chrome 60

Pete LePage

  • Mit der Paint Timing API kannst du die Zeit für First Paint und die Zeit bis zum First Contentful Paint mit dem Paint Timings AP messen.
  • Mit font-display kannst du steuern, wie Schriftarten gerendert werden, bevor sie heruntergeladen werden.
  • WebAssembly ist jetzt verfügbar
  • Das sind noch reichlich mehr!

Möchten Sie die vollständige Liste der Änderungen sehen? Sehen Sie sich die Änderungsliste des Chromium-Quell-Repositorys an.

Mein Name ist Pete LePage. Jetzt sehen wir uns an, was es für Entwickler Neues bei Chrome 60 gibt.

Paint Timings API

Wenn ein Nutzer eine Webseite aufruft, benötigt er visuelles Feedback, um ihm zu bestätigen, dass alles funktioniert. Mit der neuen Paint Timings API können wir das jetzt messen.

Die API stellt zwei Messwerte bereit:

  • Time to First Paint – Damit wird der Punkt markiert, an dem der Browser mit dem Rendern beginnt. Dies ist der erste Teil des Inhalts auf dem Bildschirm.
  • Zeit bis zum ersten Contentful Paint: Damit wird der Punkt markiert, an dem der Browser den ersten Inhalt aus DOM, Text, einem Bild usw. rendert.

Unter Nutzung der Leistungsmesswerte mit dem größten Einfluss auf die Nutzererfahrung erfahren Sie, wie Sie diese Messwerte erfassen und zur Verbesserung der Nutzererfahrung verwenden können.

CSS-Property „font-display“

Web Fonts bieten Ihnen die Möglichkeit, umfassende Typografie zu integrieren. Wenn der Nutzer das Schriftbild jedoch noch nicht hat, muss es heruntergeladen werden, wodurch Ihre Website möglicherweise langsam erscheint.

Glücklicherweise verwenden die meisten Browser ein Fallback, wenn der Download der Schriftart zu lange dauert. Mit der neuen font-display-Eigenschaft kannst du festlegen, wie eine herunterladbare Schriftart gerendert wird, bevor sie vollständig geladen ist.

  • auto verwendet die vom User-Agent verwendete Schriftart-Anzeigestrategie.
  • Mit block erhält die Schriftart einen kurzen Blockzeitraum und einen unendlichen Auslagerungszeitraum.
  • Mit swap erhält die Schriftart einen Blockzeitraum von null Sekunden und einen unendlichen Auslagerungszeitraum.
  • fallback gibt der Schriftart einen extrem kleinen Blockzeitraum und einen kurzen Auslagerungszeitraum.
  • optional gibt der Schriftart einen extrem kleinen Blockzeitraum und einen Auslagerungszeitraum von null Sekunden zu.

Chrome OS wird in Chrome 60 und Opera unterstützt und befindet sich in der Entwicklung für Firefox. Weitere Informationen finden Sie unter Schriftarten mit font-display steuern.

WebAssembly

Web Assembly oder Wasm bietet eine neue Möglichkeit, Code, der in Sprachen wie C und C++ im Web geschrieben wurde, mit nahezu nativer Geschwindigkeit auszuführen.

Es bietet die notwendige Geschwindigkeit, um einen Browser-Videoeditor zu erstellen oder ein Unity-Spiel mit einer hohen Framerate unter Verwendung vorhandener standardbasierter Webplattform-APIs auszuführen.

Weitere Informationen, einschließlich Demos, Dokumenten und Informationen zum Einstieg, finden Sie unter webassembly.org.

…und vieles mehr

  • Mit der neuen Web Budget API können Websites mit der Berechtigung „Push-Benachrichtigung“ eine begrenzte Anzahl von Push-Nachrichten senden, die Hintergrundaufgaben wie die Synchronisierung von Daten oder das Schließen von Benachrichtigungen auslösen, ohne dass für den Nutzer eine für den Nutzer sichtbare Benachrichtigung angezeigt werden muss.
  • PushSubscription.expirationTime ist jetzt verfügbar. Websites werden darüber benachrichtigt, wann und ob ein Abo abläuft.
  • Die Eigenschaften Ausruhen und Verteilen von Objekten werden jetzt unterstützt. Damit ist es einfacher, Objekte zusammenzuführen und oberflächlich zu klonen und verschiedene unveränderliche Objektmuster zu implementieren.

Hinweis:Die Payment Request API wurde in Chrome 61 eingeführt.

Dies sind nur einige der Änderungen in Chrome 60 für Entwickler.

Abonniere unseren YouTube-Kanal, um bei jedem neuen Video eine E-Mail-Benachrichtigung zu erhalten.

Ich bin Pete LePage. Sobald Chrome 61 veröffentlicht wird, werde ich Ihnen die Neuheiten bei Chrome mitteilen.