Novidades no DevTools (Microsoft Edge 140)

Esses são os recursos mais recentes na versão estável do Microsoft Edge DevTools.

Contagem de invalidação em estatísticas de seletor CSS

Na ferramenta Desempenho , a tabela da guia Estatísticas do seletor de CSS tem uma nova coluna: Contagem de invalidação. A coluna Contagem de invalidação mostra uma contagem agregada de nós DOM que são correspondidos por um seletor CSS que foram invalidados e tiveram seu estilo recalculado. Um nó DOM pode ser invalidado várias vezes por vários seletores CSS.

Durante um evento de estilo de recálculo, o navegador pode invalidar muitos nós DOM, com base em um determinado seletor CSS. Seletores CSS ineficientes podem afetar o desempenho da página da Web. Se você tiver altos custos de recálculo de estilo, isso pode ser causado por invalidação excessiva. Você pode usar esse novo insight para identificar seletores CSS que têm uma alta contagem de invalidação e reduzir a invalidação excessiva refinando suas regras de estilo CSS.

Coluna de contagem de invalidação na tabela da guia estatísticas do seletor CSS

Veja também:

Anúncios do projeto Chromium

O Microsoft Edge 140 também inclui as seguintes atualizações do projeto Chromium:

Confira também