Novità di Chrome 60

Pete LePage

  • L'API Paint Timing ti consente di misurare il tempo necessario per la visualizzazione del primo pixel e il tempo necessario per la visualizzazione del primo pixel con contenuti con l'AP Paint Timings.
  • font-display ti consente di controllare la modalità di rendering dei caratteri prima del loro download.
  • WebAssembly è disponibile
  • E c'è molto altro.

Vuoi l'elenco completo delle modifiche? Consulta l'elenco delle modifiche al repository di codice sorgente di Chromium

Sono Pete LePage. Diamo un'occhiata alle novità per gli sviluppatori in Chrome 60.

API Paint Timings

Quando un utente visita una pagina web, cerca un feedback visivo per assicurarsi che tutto funzioni. Con la nuova API Paint Timings, ora possiamo misurarlo.

L'API espone due metriche:

  • Tempo di prima visualizzazione: indica il momento in cui il browser inizia a visualizzare qualcosa, ovvero il primo bit di contenuti sullo schermo.
  • Tempo di First Contentful Paint: indica il punto in cui il browser visualizza il primo bit di contenuti del DOM, del testo, di un'immagine e così via.

Consulta Sfruttare le metriche sul rendimento che influiscono maggiormente sull'esperienza utente per scoprire come monitorare queste metriche e utilizzarle per migliorare la tua esperienza.

Proprietà CSS font-display

I caratteri web ti consentono di incorporare una tipografia avanzata. Tuttavia, se l'utente non ha già il carattere, deve scaricarlo, il che potrebbe far sembrare il tuo sito lento.

Fortunatamente, la maggior parte dei browser utilizzerà un'alternativa se il download del carattere richiede troppo tempo. La nuova proprietà font-display consente di controllare il rendering di un carattere scaricabile prima del caricamento completo.

  • auto utilizza la strategia di visualizzazione dei caratteri utilizzata dall'user-agent.
  • block assegna al carattere un periodo di blocco breve e un periodo di scambio infinito.
  • swap assegna al carattere un periodo di blocco di zero secondi e un periodo di scambio infinito.
  • fallback assegna al carattere un periodo di blocco estremamente breve e un breve periodo di scambio.
  • optional assegna al carattere un periodo di blocco estremamente ridotto e un periodo di scambio di zero secondi.

È supportata in Chrome 60 e Opera ed è in fase di sviluppo su Firefox. Per saperne di più, consulta Controllare il rendimento dei caratteri con font-display.

WebAssembly

WebAssembly o wasm offre un nuovo modo per eseguire codice scritto in linguaggi come C e C++ sul web a una velocità quasi nativa.

Offre la velocità necessaria per creare un editor video in-browser o per eseguire un gioco Unity a una frequenza frame elevata utilizzando le API di piattaforme web basate su standard esistenti.

Puoi trovare ulteriori informazioni all'indirizzo webassembly.org, tra cui demo, documentazione e come iniziare.

E tanto altro.

  • La nuova API Web Budget consente ai siti con l'autorizzazione di notifica push di inviare un numero limitato di messaggi push che attivano attività in background come la sincronizzazione dei dati o la chiusura delle notifiche, senza dover mostrare una notifica visibile all'utente.
  • PushSubscription.expirationTime è ora disponibile e consente di notificare ai siti quando e se un abbonamento scadrà.
  • Ora sono supportate le proprietà rest e spread degli oggetti, che semplificano l'unione e la clonazione superficiale degli oggetti e l'implementazione di vari pattern di oggetti immutabili.

Nota: l'API Payment Request è stata inviata a Chrome 61.

Queste sono solo alcune delle modifiche in Chrome 60 per gli sviluppatori.

Poi iscriviti al nostro canale YouTube e riceverai una notifica via email ogni volta che lanceremo un nuovo video.

Sono Pete LePage e, non appena verrà rilasciato Chrome 61, sarò qui per raccontarti le novità di Chrome.