Neu in Chrome 60

Pete LePage

  • Mit der Paint Timing API können Sie die Zeit bis zum ersten Rendern und die Zeit bis zum ersten Rendern von Inhalten mit den Paint Timings APIs messen.
  • Mit font-display können Sie steuern, wie Schriftarten gerendert werden, bevor sie heruntergeladen werden.
  • WebAssembly ist da
  • Und es gibt noch viel mehr!

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

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

Paint Timings API

Wenn ein Nutzer eine Webseite aufruft, erwartet er eine visuelle Rückmeldung, die ihm versichert, dass alles funktioniert. Mit der neuen Paint Timings API können wir das jetzt messen.

Die API stellt zwei Messwerte zur Verfügung:

  • Time to first paint (Zeit bis zum ersten Rendern) – gibt an, wann der Browser mit dem Rendern beginnt, also wann die ersten Inhalte auf dem Bildschirm angezeigt werden.
  • Zeit bis zum ersten Rendern von Inhalten: Dies ist der Zeitpunkt, an dem der Browser die ersten Inhalte aus dem DOM rendert, z. B. Text oder ein Bild.

Unter Leistungsmesswerte nutzen, die sich am stärksten auf die Nutzerfreundlichkeit auswirken erfahren Sie, wie Sie diese Messwerte im Blick behalten und damit die Nutzerfreundlichkeit verbessern können.

CSS-Property font-display

Mit Webfonts können Sie ansprechende Typografie einbinden. Wenn der Nutzer die Schriftart jedoch noch nicht hat, muss sie heruntergeladen werden, was die Ladezeit Ihrer Website verlängern kann.

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

  • auto verwendet die Schriftart-Anzeigestrategie des User-Agents.
  • block weist der Schriftart einen kurzen Blockzeitraum und einen unendlichen Swap-Zeitraum zu.
  • swap weist der Schriftart einen Blockzeitraum von null Sekunden und einen unendlichen Swap-Zeitraum zu.
  • fallback weist der Schriftart einen extrem kurzen Blockierungszeitraum und einen kurzen Tauschzeitraum zu.
  • optional weist dem Schrift-Face einen extrem kurzen Blockzeitraum und einen Swap-Zeitraum von null Sekunden zu.

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

WebAssembly

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

Sie bietet die erforderliche Geschwindigkeit, um einen Videobearbeiter im Browser zu erstellen oder ein Unity-Spiel mit einer hohen Framerate auszuführen, wobei vorhandene standardbasierte Webplattform-APIs verwendet werden.

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

…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 Hintergrundaufgaben 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, wann und ob ein Abo abläuft.
  • Die Attribute Object rest & spread werden jetzt unterstützt. Dadurch wird das Zusammenführen und flache Klonen von Objekten sowie die Implementierung verschiedener unveränderlicher Objektmuster vereinfacht.

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, um per E-Mail benachrichtigt zu werden, wenn wir ein neues Video veröffentlichen.

Ich bin Pete LePage und sobald Chrome 61 veröffentlicht wird, erfahrt ihr hier, was es Neues in Chrome gibt.