Neu in Chrome 60

Pete LePage

  • Mit der Paint Timing API können Sie die Zeit bis zur ersten Darstellung und die Zeit bis zur ersten aussagekräftigen Darstellung mit der Paint Timings API messen.
  • Mit font-display können Sie festlegen, wie Schriftarten gerendert werden, bevor sie heruntergeladen werden.
  • WebAssembly ist da
  • Und es gibt noch viel mehr!

Vollständige Liste der Änderungen ansehen Liste der Änderungen am Chromium-Quell-Repository

Ich bin Pete LePage. Sehen wir uns an, was in Chrome 60 für Entwickler neu ist.

Paint timings API

Wenn ein Nutzer eine Webseite aufruft, erwartet er visuelles Feedback, um sich zu vergewissern, 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 (Zeit bis zur ersten Darstellung): Gibt an, wann der Browser mit dem Rendern von Inhalten beginnt, also wann die ersten Inhalte auf dem Bildschirm angezeigt werden.
  • Zeit bis zur ersten Inhaltsdarstellung: Gibt an, wann der Browser den ersten Inhalt aus dem DOM (Text, Bild usw.) rendert.

Im Artikel Die Leistungsmesswerte nutzen, die sich am stärksten auf die Nutzerfreundlichkeit auswirken erfahren Sie, wie Sie diese Messwerte erfassen und zur Verbesserung der Nutzerfreundlichkeit nutzen können.

CSS-Property font-display

Mit Web Fonts können Sie eine ansprechende Typografie einbinden. Wenn der Nutzer die Schriftart jedoch nicht bereits hat, muss sie heruntergeladen werden, was Ihre Website möglicherweise verlangsamt.

Glücklicherweise verwenden die meisten Browser einen Fallback, wenn der Download des Schriftzugs zu lange dauert. Mit der neuen Eigenschaft font-display können Sie steuern, wie ein herunterladbarer Schriftschnitt gerendert wird, bevor er vollständig geladen ist.

  • auto verwendet die vom User-Agent verwendete Schriftanzeigestrategie.
  • block gibt der Schriftart einen kurzen Blockzeitraum und einen unendlichen Austauschzeitraum.
  • swap gibt dem Schriftbild eine Blockzeit von null Sekunden und eine unendliche Auslagerungszeit.
  • fallback verleiht der Schriftart eine extrem kurze Blockzeit und eine kurze Auslagerungszeit.
  • optional gibt dem Schriftbild eine extrem kurze Blockzeit und eine Nullsekunden-Austauschzeit.

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

WebAssembly

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

Sie bietet die Geschwindigkeit, die zum Erstellen eines In-Browser-Videoeditors oder zum Ausführen eines Unity-Spiels mit hoher Framerate unter Verwendung vorhandener standardbasierter Webplattform-APIs erforderlich ist.

Weitere Informationen finden Sie unter webassembly.org, einschließlich Demos, Dokumentationen und einer Anleitung.

…und vieles mehr

  • Mit der neuen Web Budget API können Websites mit der Berechtigung für Push-Benachrichtigungen eine begrenzte Anzahl von Push-Nachrichten senden, die Hintergrundarbeiten wie das Synchronisieren von Daten oder das Schließen von Benachrichtigungen auslösen, ohne dass eine für Nutzer sichtbare Benachrichtigung angezeigt werden muss.
  • PushSubscription.expirationTime ist jetzt verfügbar und benachrichtigt Websites, wenn und wann ein Abo abläuft.
  • Die Eigenschaften Object rest und Object spread werden jetzt unterstützt. So lassen sich Objekte einfacher zusammenführen und flach klonen und verschiedene unveränderliche Objektmuster implementieren.

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

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

Abonniere dann unseren YouTube-Kanal. Du erhältst dann eine E-Mail-Benachrichtigung, sobald wir ein neues Video veröffentlichen.

Ich bin Pete LePage. Sobald Chrome 61 veröffentlicht wird, erzähle ich Ihnen hier, was es Neues in Chrome gibt.