A Microsoft destacou a sinergia entre suas equipes de desenvolvimento do Edge e do Office, o que a ajudou a criar produtos melhores para todos.
Principais conclusões
- Os aplicativos do Office da Microsoft podem ser usados gratuitamente na Web e oferecem a maioria, se não todos, os recursos básicos, tornando-os facilmente acessíveis e úteis.
- A equipe de desenvolvimento do Edge colaborou com a equipe do Office para melhorar o desempenho dos aplicativos do Office na Web, corrigindo bugs e introduzindo novas ferramentas.
- As melhorias incluem a redução do uso da CPU e aumento da precisão na criação de perfis, suporte a mapas de origem na ferramenta de desempenho do Edge para depuração e fornecendo informações sobre seletores de CSS que afetam desempenho.
Os aplicativos do Office da Microsoft estão disponíveis em um variedade de plataformas, e eles são atualizados com Novas características muito frequentemente. Talvez a maneira mais acessível de aproveitá-los seja por meio de suas variantes da Web, nas quais você pode usar aplicativos como Word, PowerPoint e Excel diretamente no navegador sem ter que pagar nada. É claro que nem sempre você obtém o conjunto completo de recursos que o Office tem a oferecer, mas terá cobertura para a maioria, se não todas, de suas necessidades básicas. Agora, a Microsoft explicou como está tornando a experiência do Office na Web ainda melhor por meio da colaboração entre as equipes do Office e do Edge.
A Microsoft enfatizou que os aplicativos do Office são particularmente complexos de implementar na Web, semelhantes aos aplicativos de mensagens e videoconferência. Isso porque eles hospedam milhares de módulos CSS e alguns milhares de nós na árvore Document Object Model (DOM) e enviam muitas solicitações HTTP no carregamento da página. Como tal, é importante construí-los de forma a oferecer o melhor desempenho possível sem comprometer a funcionalidade. Para atender a esse requisito, a equipe de desenvolvimento do Edge programou vários novos recursos do DevTools especificamente para diagnosticar e corrigir problemas de desempenho no Office.
Para começar, a equipe notou que, ao criar o perfil e registrar o uso da CPU nas inicializações do PowerPoint na Web, a utilização da CPU aumentou drasticamente. Após uma investigação mais aprofundada por meio do Rastreamento de Eventos para Windows (ETW), os desenvolvedores do Edge perceberam que esse era um bug na implementação do criador de perfil da CPU em Chromium porque estava usando uma abordagem de espera ocupada, em que estava executando o código mesmo quando deveria estar esperando o acionamento do próximo evento. Isso pode não ter sido detectado ao criar perfis de aplicativos simples, mas foi percebido durante o teste do PowerPoint, devido à sua complexidade. A equipe do Edge conseguiu corrigir o problema, reduzindo a sobrecarga de amostragem da CPU em 95% e diminuindo a utilização da CPU em 71% durante a criação de perfil. No geral, isso ajudou a equipe do PowerPoint a obter uma imagem mais precisa de seu desempenho de carregamento, além de beneficiar todos os outros que usam essas DevTools.
Em seguida, os mapas de origem agora também são suportados nas ferramentas de desempenho e memória no Edge. Em particular, o primeiro exibe automaticamente funções não minificadas e nomes de arquivos, o que torna muito mais fácil depurar problemas. Esse processo de desminificação permitiu que a equipe do PowerPoint identificasse rapidamente problemas no código, como padrões incorretos de programação. Além disso, foi introduzido o suporte para Azure Pipelines, o que significa que você pode publicar facilmente mapas de origem durante o processo de compilação.
Na mesma linha, quando a equipe do Microsoft Word estava investigando o desempenho do aplicativo na web, eles detectaram um atraso de recálculo de estilo de 75 ms, o que estava retardando o lançamento do Word. Aproveitando as ferramentas de desempenho no Edge, os desenvolvedores conseguiram identificar que isso se devia a uma implementação ineficiente de uma função JavaScript, que eles conseguiram resolver. A Microsoft também destacou as Estatísticas do seletor no Edge DevTools, o que facilita os desenvolvedores da Web, permitindo que eles saibam quais seletores de CSS podem estar afetando negativamente o desempenho de seus aplicativos.
Existem muitas outras melhorias que foram feitas na ferramenta Memory no Edge também: ela pode carregar arquivos de instantâneos de heap maiores, o a geração de instantâneos de heap com mais de 1 GB de tamanho é 70-86% mais rápida, você pode comparar dois instantâneos por caminho de retenção e navegá-los mais facilmente também.
A Microsoft diz que essa sinergia entre as equipes de desenvolvimento do Edge e do Office a capacitou a criar melhores produtos que beneficiam não apenas essas duas equipes, mas também outros desenvolvedores da Web e usuários finais que utilizam seus produtos também. Se você tiver qualquer outro pedido de recurso ou detectar um bug, você pode mencioná-lo no repositório GitHub dedicado aqui.