Nieuw in Chrome 60

Pete LePage

Wilt u de volledige lijst met wijzigingen bekijken? Bekijk de lijst met wijzigingen in de Chromium-bronrepository.

Ik ben Pete LePage . Laten we eens 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 te bevestigen dat alles werkt. Met de nieuwe API voor verftiming kunnen we dat nu meten.

De API stelt twee statistieken beschikbaar:

  • Tijd voor de eerste verflaag : dit is het moment waarop de browser iets begint te renderen, het eerste stukje inhoud op het scherm.
  • Tijd tot eerste contentful paint : dit is het moment waarop de browser het eerste stukje content van de DOM weergeeft, zoals tekst, een afbeelding, enz.

Lees het artikel 'Gebruikmaken van de prestatie-indicatoren die de gebruikerservaring het meest beïnvloeden' om te ontdekken hoe u deze indicatoren kunt bijhouden en gebruiken om uw ervaring te verbeteren.

CSS font-display eigenschap

Webfonts bieden je de mogelijkheid om rijke typografie te gebruiken. Maar als de gebruiker het lettertype nog niet heeft, moet het worden gedownload, waardoor je site er mogelijk traag uitziet.

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

  • auto gebruikt de 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 swap-periode.
  • fallback krijgt 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. Zie 'Letterprestaties beheren met font-display voor meer informatie.

WebAssembly

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 dezelfde snelheid.

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

Meer informatie vindt u op webassembly.org , inclusief demo's, documentatie en hoe u aan de slag kunt.

En nog veel meer!

  • Met de nieuwe Web Budget API kunnen sites met de machtiging Pushmeldingen een beperkt aantal pushberichten versturen die achtergrondwerkzaamheden 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. Hiermee worden sites op de hoogte gesteld wanneer en of een abonnement verloopt.
  • De eigenschappen voor rest en spreiding van objecten worden nu ondersteund. Hierdoor is het eenvoudiger om objecten samen te voegen en ondiep te klonen en verschillende onveranderlijke objectpatronen te implementeren.

Let op: de API voor betalingsverzoeken is gepusht naar Chrome 61.

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

Abonneer je dan op ons YouTube-kanaal , dan ontvang je een e-mailmelding wanneer we een nieuwe video lanceren.

Ik ben Pete LePage en zodra Chrome 61 uitkomt, vertel ik u wat er nieuw is in Chrome!