Novità di Chrome 60

Pete LePage

  • L'API Paint Timing consente di misurare il tempo necessario per la prima colorazione e il tempo per la prima visualizzazione con contenuti con l'AP di Paint Timings.
  • L'font-display ti consente di controllare la modalità di rendering dei caratteri prima di essere scaricati.
  • WebAssembly è stato approvato
  • E ce n'è molto altro.

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

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

API Verniciatura

Quando un utente accede a una pagina web, cerca dei feedback visivi per rassicurarlo che tutto funziona. Con la nuova API di verniciatura, ora possiamo misurare questo aspetto.

L'API espone due metriche:

  • Tempo per la prima visualizzazione. Indica il punto in cui il browser inizia il rendering di qualcosa, il primo bit di contenuti sullo schermo.
  • Time to first contentful paint: indica il punto in cui il browser visualizza il primo bit di contenuti da DOM, testo, immagine e così via.

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

Proprietà font-display del CSS

I caratteri web offrono la possibilità di incorporare elementi tipografici avanzati. Tuttavia, se l'utente non ha ancora il carattere tipografico, deve essere scaricato, il che potrebbe rallentare il sito.

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

  • auto utilizza la strategia di visualizzazione del carattere 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 saperne di più, consulta Controllo delle prestazioni dei caratteri con font-display.

WebAssembly

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

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

Puoi trovare maggiori informazioni su webassembly.org, tra cui demo, documenti e come iniziare.

E altro ancora

  • 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 di notifiche, senza la necessità di mostrare una notifica visibile all'utente.
  • PushSubscription.expirationTime che avvisa i siti quando e se un abbonamento scade.
  • Ora sono supportate le proprietà di ripristino 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 apportate a Chrome 60 per gli sviluppatori.

Iscriviti al nostro canale YouTube e riceverai una notifica via email ogni volta che verrà lanciato un nuovo video.

Mi chiamo Pete LePage e, non appena verrà rilasciato Chrome 61, ti comunicherò le novità di Chrome.