Novidades no Chrome 60

Pete LePage

  • A API Paint Timing permite medir o tempo da primeira exibição e da primeira exibição de conteúdo com o AP Paint Timing.
  • O font-display permite controlar como as fontes são renderizadas antes do download.
  • O WebAssembly chegou
  • E tem muito mais!

Deseja a lista completa de alterações? Confira a lista de alterações de repositório de origem do Chromium.

Meu nome é Pete LePage. Vamos conhecer as novidades do Chrome 60 para os desenvolvedores!

API Paint Timings

Quando um usuário navega para uma página da Web, ele precisa de um feedback visual para garantir que tudo está funcionando. Com a nova API de marcações de tempo, agora podemos medir isso.

A API expõe duas métricas:

  • Tempo para a primeira exibição: marca o ponto em que o navegador começa a renderizar algo, a primeira parte do conteúdo na tela.
  • Tempo para a primeira exibição de conteúdo: marca o ponto em que o navegador renderiza a primeira parte do conteúdo do DOM, texto, imagem etc.

Consulte Como aproveitar as métricas de desempenho que mais afetam a experiência do usuário para saber como acompanhar e usar essas métricas para melhorar sua experiência.

Propriedade do CSS font-display

Com as fontes da Web, é possível incorporar uma tipografia rica. No entanto, se o usuário ainda não tiver o tipo de letra, será necessário fazer o download dele, o que pode fazer com que o site pareça lento.

Felizmente, a maioria dos navegadores usará um substituto se o download da fonte demorar muito. A nova propriedade font-display permite que você controle como uma fonte para download é renderizada antes de ser totalmente carregada.

  • O auto usa a estratégia de exibição de fontes usada pelo user agent.
  • block dá ao tipo de fonte um curto período de bloqueio e um período de troca infinito.
  • O swap dá ao tipo de fonte um período de bloqueio de zero segundo e um período de troca infinito.
  • fallback dá ao tipo de fonte um período de bloco extremamente pequeno e um período de troca curto.
  • optional dá ao tipo de fonte um período de bloqueio extremamente pequeno e um período de troca de zero segundos.

Ela pode ser usada no Chrome 60 e no Opera e está em desenvolvimento no Firefox. Confira Como controlar o desempenho de fontes com font-display para ver mais informações.

WebAssembly

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

Ela oferece a velocidade necessária para criar um editor de vídeo no navegador ou executar um jogo do Unity com um alto frame rate usando as APIs da plataforma da Web baseadas em padrões.

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

E muito mais.

  • A nova API Web orçamento permite que sites com permissão para notificações push enviem um número limitado de mensagens push que acionam trabalhos em segundo plano, como sincronizar dados ou dispensar notificações, sem precisar mostrar uma notificação visível para o usuário.
  • O PushSubscription.expirationTime agora está disponível, notificando os sites quando e se uma assinatura expira.
  • Agora há suporte para as propriedades de restauração e propagação de objetos, que simplificam 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 ao Chrome 61.

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

Em seguida, inscreva-se no nosso canal do YouTube para receber uma notificação por e-mail sempre que um novo vídeo for lançado.

Eu sou Pete LePage e, assim que o Chrome 61 for lançado, estarei aqui para contar as novidades do Chrome.