Novidades no Chrome 60

Pete LePage

  • A API Paint Timing permite medir o tempo até a primeira exibição e o tempo até a primeira exibição de conteúdo com a API Paint Timings.
  • O font-display permite controlar como as fontes são renderizadas antes do download.
  • O WebAssembly foi lançado
  • E tem muito mais.

Quer a lista completa de mudanças? Confira a lista de mudanças do repositório de origem do Chromium.

Meu nome é Pete LePage. Vamos conferir as novidades para desenvolvedores no Chrome 60.

API Paint timings

Quando um usuário navega até uma página da Web, ele procura algum feedback visual para ter certeza de que tudo está funcionando. Com a nova API Paint Timings, agora podemos medir isso.

A API expõe duas métricas:

  • Tempo para a primeira pintura: marca o ponto em que o navegador começa a renderizar algo, o primeiro bit de conteúdo na tela.
  • Tempo até a primeira pintura de conteúdo: marca o ponto em que o navegador renderiza o primeiro bit de conteúdo do DOM, texto, imagem etc.

Confira Como aproveitar as métricas de performance que mais afetam a experiência do usuário para saber como acompanhar essas métricas e usá-las para melhorar a experiência.

Propriedade CSS font-display

As fontes da Web permitem incorporar uma tipografia rica. No entanto, se o usuário ainda não tiver o tipo de letra, ele precisará ser feito o download, o que pode fazer com que seu site pareça lento.

Felizmente, a maioria dos navegadores vai usar um substituto se a fonte demorar muito para ser transferida. A nova propriedade font-display permite controlar como uma fonte para download é renderizada antes de ser totalmente carregada.

  • auto usa a estratégia de exibição de fonte que o agente do usuário usa.
  • block dá à fonte um período de bloqueio curto e um período de troca infinito.
  • swap dá à fonte um período de bloqueio de zero segundos e um período de troca infinito.
  • fallback dá à fonte um período de bloqueio extremamente pequeno e um período de troca curto.
  • optional dá à fonte um período de bloqueio extremamente pequeno e um período de troca de zero segundo.

Ele é compatível com o Chrome 60 e o Opera e está em desenvolvimento no Firefox. Confira Como controlar o desempenho da fonte com font-display para mais informações.

WebAssembly

O WebAssembly, ou wasm, oferece uma nova maneira de executar código escrito em linguagens como C e C++ na Web, com velocidade quase nativa.

Ele oferece a velocidade necessária para criar um editor de vídeo no navegador ou executar um jogo Unity com uma alta taxa de frames usando APIs de plataforma da Web com base em padrões.

Confira mais informações em webassembly.org, incluindo demonstrações, documentos e como começar.

E muito mais.

  • A nova API Web Budget permite que sites com a permissão de notificação push enviem um número limitado de mensagens push que acionam trabalhos em segundo plano, como sincronizar dados ou excluir notificações, sem a necessidade de mostrar uma notificação visível para o usuário.
  • O PushSubscription.expirationTime já está disponível e notifica os sites quando e se uma assinatura vai expirar.
  • Agora há suporte para as propriedades Object rest & spread, o que facilita a mesclagem e o clone superficial de objetos e a implementação de vários padrões de objetos imutáveis.

Observação:a API Payment Request foi enviada para o Chrome 61.

Essas são apenas algumas das mudanças no Chrome 60 para desenvolvedores.

Depois, inscreva-se no nosso canal do YouTube e receba uma notificação por e-mail sempre que lançarmos um novo vídeo.

Meu nome é Pete LePage, e assim que o Chrome 61 for lançado, vou estar aqui para contar as novidades do Chrome.