Código Google: service worker

Chrome 52 Beta: confinamento CSS, medição de desempenho mais simples, respostas por stream a partir de Service Workers e mais opções para push na web

7/14/16

Salvo indicação em contrário, as mudanças descritas abaixo se aplicam ao canal de lançamento do Chrome Beta mais recente para Android, Chrome OS, Linux, Mac e Windows.

Confinamento CSS

Experiências ricas e interativas são um dos pilares da web, mas às vezes podem levar muito tempo para renderizar devido à complexidade. Atualmente, o Chrome melhora o desempenho da renderização usando heurística para determinar que partes de uma página foram alteradas. Em vez de renderizar toda a página 60 vezes por segundo, só as seções alteradas são atualizadas. No entanto, como os elementos podem ser exibidos fora dos limites dos seus pais, é possível que alterações em um elemento afetem elementos no restante do documento. Isso aumenta drasticamente o número de elementos que o Chrome precisa considerar durante a renderização.

Como novidade dessa versão, a propriedade contain do CSS permite que os desenvolvedores evitem que o secundário de um elemento seja exibido fora dos limites. Quando um elemento atualiza, esta garantia permite que o Chrome ignore todos os elementos fora do nó relacionado durante a renderização, o que agiliza a renderização.

Observador de desempenho

A coleta de dados precisos de medição de usuários reais (RUM) é fundamental para detectar problemas de desempenho e regressões que podem prejudicar a experiência do usuário de um site. As DevTools do Chrome permitem testar o site localmente, mas avaliar como o site se sai para usuários reais com diversos dispositivos pode ser complicado. A versão mais recente do Chrome é compatível com a API PerformanceObserver, que confere um meio simples e eficaz de coletar dados RUM em tempo de execução. Em vez de fazer pesquisas por atualizações, os sites podem declarar em que métricas estão interessados. O navegador notifica o site quando novos pontos de dados para essas métricas se tornam disponíveis.

Respostas do trabalhador de serviço potencializadas por ReadableStreams

O streaming de respostas HTTP permite aos navegadores renderizar as partes anteriores de um documento HTML grande progressivamente antes de a resposta inteira ficar disponível. A versão mais recente do Chrome melhora os trabalhadores de serviço adicionando compatibilidade com a transmissão. Os sites podem usar a Streams API para construir objetos Response transmissíveis, passando um ReadableStream ao construtor de Response.

O cliente off-line da Wikipédia demonstra os benefícios de velocidade de fluxos legíveis.

Compatibilidade com protocolo push na web e VAPID

As notificações por push possibilitaram um novo nível de reenvolvimento para aplicativos web, mas até então os desenvolvedores tiveram que usar serviços de entrega de mensagens por push de terceiros e diferentes APIs para diferentes navegadores. O Chrome agora é compatível com VAPID, um padrão aberto para autenticar o servidor de um site com um serviço de push. Ao usar o VAPID, os sites recebem um ponto de extremidade do Firebase Cloud Messaging, que é compatível com o protocolo de push na web para diversos navegadores.