Novità di Chrome 60

Pete LePage

  • L'API Paint Timing consente di misurare il tempo per la prima colorazione e il tempo per la prima colorazione con contenuti con l'AP Paint Timings.
  • La sezione font-display consente di controllare il modo in cui i caratteri vengono visualizzati prima di scaricarli.
  • WebAssembly è atterrato
  • E c'è molto altro ancora.

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

Mi chiamo Pete LePage. Analizziamo le novità di Chrome 60 per gli sviluppatori.

API di colorazione dei tempi

Quando un utente accede a una pagina web, cerca un feedback visivo per rassicurarlo che tutto funziona. Con la nuova API paint timestamps, ora possiamo misurare la situazione.

L'API espone due metriche:

  • Tempo di visualizzazione iniziale: indica il punto in cui il browser inizia a eseguire il rendering di qualcosa, la prima porzione di contenuti sullo schermo.
  • Time to first contentful paint, che indica il punto in cui il browser esegue il rendering del primo bit di contenuti dal DOM, dal testo, da un'immagine e così via.

Consulta la pagina Come utilizzare le metriche sulle prestazioni 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 elementi tipografici dettagliati. Tuttavia, se l'utente non ha ancora il tipo di carattere, deve essere scaricato e il tuo sito potrebbe apparire lento.

Fortunatamente, la maggior parte dei browser utilizzerà una creatività di riserva se il download del carattere richiede troppo tempo. La nuova proprietà font-display ti consente di controllare il modo in cui un carattere scaricabile viene visualizzato prima che venga caricato completamente.

  • auto utilizza la strategia di visualizzazione dei caratteri utilizzata dallo user agent.
  • block assegna al carattere un breve periodo di blocco 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 ridotto 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 ulteriori informazioni, consulta Controllo del rendimento dei caratteri con font-display.

WebAssembly

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

Fornisce la velocità necessaria per creare un editor video integrato nel browser o per eseguire un gioco Unity ad alta frequenza fotogrammi utilizzando le API della piattaforma web basate su standard esistenti.

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

E tanto altro.

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

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

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

Poi iscriviti al nostro canale YouTube. Riceverai una notifica via email ogni volta che verrà lanciato un nuovo video.

Mi chiamo Pete LePage e, non appena uscirà la versione 61 di Chrome, sarò qui per dirti le novità di Chrome.