Neu in Chrome 60

Pete LePage

Möchtest du eine vollständige Liste der Änderungen erhalten? Änderungsliste für das Chromium-Quell-Repository

Ich bin Pete LePage. Sehen wir uns nun an, was es bei Chrome 60 für Entwickler Neues gibt.

Paint Timings API

Wenn Nutzer eine Webseite aufrufen, benötigen sie visuelles Feedback, um zu bestätigen, dass alles funktioniert. Mit der neuen Paint Timings API können wir dies jetzt messen.

Die API stellt zwei Messwerte zur Verfügung:

  • Time to First Paint: Damit wird der Punkt markiert, an dem der Browser mit dem Rendern des ersten Teils des Inhalts auf dem Bildschirm beginnt.
  • Time to First Contentful Paint: Damit wird der Punkt markiert, an dem der Browser das erste Inhaltselement aus dem DOM, Text, Bild usw. rendert.

Unter Leistungsmesswerte nutzen, die die Nutzerfreundlichkeit am stärksten beeinflussen, erfahren Sie, wie Sie diese Messwerte verfolgen und zur Verbesserung der Nutzererfahrung verwenden können.

CSS-Property „font-display“

Mit Web-Schriftarten können Sie umfassende Typografien einfügen. Wenn der Nutzer das Schriftbild jedoch noch nicht hat, muss es heruntergeladen werden, was dazu führen kann, dass deine Website langsam wirkt.

Glücklicherweise verwenden die meisten Browser ein Fallback, wenn der Download der Schriftart zu lange dauert. Mit dem neuen Attribut font-display können Sie steuern, wie eine herunterladbare Schriftart gerendert wird, bevor sie vollständig geladen wird.

  • In auto wird die vom User-Agent verwendete Strategie für die Schriftartanzeige verwendet.
  • block verleiht der Schriftart eine kurze Blockperiode und einen unendlichen Austauschzeitraum.
  • swap gibt der Schriftart einen Blockzeitraum von null Sekunden und einen unendlichen Austauschzeitraum zu.
  • fallback verleiht der Schriftart eine extrem kurze Blockperiode und eine kurze Auslagerungsphase.
  • optional verleiht der Schriftart eine extrem kurze Blockperiode und einen Austauschzeitraum von null Sekunden.

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

WebAssembly

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

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

Unter webassembly.org finden Sie weitere Informationen, einschließlich Demos, Dokumentationen und der ersten Schritte.

Und mehr!

  • Mit der neuen Web Budget API können Websites mit der Berechtigung „Push-Benachrichtigung“ eine begrenzte Anzahl von Push-Nachrichten senden, die Hintergrundaufgaben auslösen, z. B. das Synchronisieren von Daten oder das Schließen von Benachrichtigungen, ohne dass eine für den Nutzer sichtbare Benachrichtigung angezeigt werden muss.
  • PushSubscription.expirationTime ist jetzt verfügbar und benachrichtigt Websites, wann und ob ein Abo abläuft.
  • Die Eigenschaften für Objektruhe und -streuung werden jetzt unterstützt, was das Zusammenführen und Klonen von Objekten sowie das Implementieren verschiedener unveränderlicher Objektmuster vereinfacht.

Hinweis:Die Payment Request API wurde für Chrome 61 bereitgestellt.

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

Wenn du unseren YouTube-Kanal abonnierst, erhältst du eine E-Mail-Benachrichtigung, sobald wir ein neues Video veröffentlichen.

Ich bin Pete LePage. Sobald Chrome 61 veröffentlicht ist, erzähle ich Ihnen gleich, was es Neues bei Chrome gibt.