Nieuw in Chrome 60

Piet LePage

Wilt u de volledige lijst met wijzigingen? Bekijk de Chromium-bronrepositorywijzigingslijst

Ik ben Pete LePage . Laten we erin duiken en kijken wat er nieuw is voor ontwikkelaars in Chrome 60!

API voor verftiming

Wanneer een gebruiker naar een webpagina navigeert, zoekt hij naar visuele feedback om hem ervan te verzekeren dat alles werkt. Met de nieuwe verftimings-API kunnen we dat nu meten.

De API onthult twee statistieken:

  • Tijd om voor het eerst te schilderen - wat het punt markeert waarop de browser iets begint weer te geven, het eerste stukje inhoud op het scherm.
  • Tijd voor de eerste inhoudelijke verf - wat het punt markeert waarop de browser het eerste stukje inhoud uit de DOM, tekst, een afbeelding, enz. weergeeft.

Bekijk De prestatiestatistieken benutten die de gebruikerservaring het meest beïnvloeden om te zien hoe u deze statistieken kunt volgen en gebruiken om uw ervaring te verbeteren.

CSS font-display

Weblettertypen bieden u de mogelijkheid om rijke typografie op te nemen. Maar als de gebruiker het lettertype nog niet heeft, moet het worden gedownload, waardoor uw site mogelijk traag lijkt.

Gelukkig zullen de meeste browsers een uitwijkmogelijkheid gebruiken als het downloaden van het lettertype te lang duurt. Met de nieuwe eigenschap font-display kunt u bepalen hoe een downloadbaar lettertype wordt weergegeven voordat het volledig is geladen.

  • auto gebruikt elke lettertypeweergavestrategie die de user-agent gebruikt.
  • block geeft het lettertype een korte blokperiode en een oneindige wisselperiode.
  • swap geeft het lettertype een blokperiode van nul seconden en een oneindige swapperiode.
  • fallback geeft het lettertype een extreem kleine blokperiode en een korte wisselperiode.
  • optional geeft het lettertype een extreem kleine blokperiode en een wisselperiode van nul seconden.

Het wordt ondersteund in Chrome 60 en Opera, en is in ontwikkeling in Firefox. Bekijk Lettertypeprestaties controleren met font-display voor meer informatie.

WebAssemblage

Web Assembly of wasm biedt een nieuwe manier om code, geschreven in talen als C en C++, op het web uit te voeren met vrijwel de oorspronkelijke snelheid.

Het biedt de snelheid die nodig is om een ​​video-editor in de browser te bouwen of om een ​​Unity-game met een hoge framesnelheid uit te voeren met behulp van bestaande, op standaarden gebaseerde webplatform-API's.

U kunt meer informatie vinden op webassembly.org , inclusief demo's, documenten en hoe u aan de slag kunt gaan.

En meer!

  • Met de nieuwe Web Budget API kunnen sites met de Push Notification-machtiging een beperkt aantal push-berichten verzenden die achtergrondwerk activeren, zoals het synchroniseren van gegevens of het negeren van meldingen, zonder dat er een voor de gebruiker zichtbare melding hoeft te worden weergegeven.
  • PushSubscription.expirationTime is nu beschikbaar en informeert sites wanneer en of een abonnement verloopt.
  • Objectrust- en spreidingseigenschappen worden nu ondersteund, waardoor het eenvoudiger wordt om objecten samen te voegen en ondiep te klonen en verschillende onveranderlijke objectpatronen te implementeren.

Opmerking: de Payment Request API is gepusht naar Chrome 61.

Dit zijn slechts enkele van de wijzigingen in Chrome 60 voor ontwikkelaars.

Abonneer u dan op ons YouTube-kanaal en u ontvangt een e-mailmelding wanneer we een nieuwe video lanceren.

Ik ben Pete LePage, en zodra Chrome 61 uitkomt, ben ik hier om je te vertellen: wat er nieuw is in Chrome!