Velocímetro mede desempenho do navegador
Apesar dos grandes avanços alcançados no desenvolvimento web e de todos os esforços para alcançar a unificação do desenvolvimento web, em meados de 2024, é a data em que os navegadores não conseguiram (ou quiseram) chegar a um padrão comum e Para melhor ou pior, esta situação também fez com que cada um tivesse contribuído com algum recurso ou benefício que foi implementado em outros navegadores da época.
Falar em medir o desempenho dos navegadores web não é tão simples como seria em outros casos, pois neste caso são examinados diferentes aspectos e por isso costumam ser utilizadas diversas ferramentas. Mas agora isto pode tomar um rumo diferente porque os pesos pesados da web uniram forças.
E é que Após seis anos desde seu último lançamento, é apresentado Uma ferramenta atualizada para avaliar o desempenho e a capacidade de resposta dos navegadores web: Velocímetro 3.0, que foi desenvolvido em colaboração pela Mozilla, Google, Microsoft e Apple, concentra-se em estimar atrasos simulando o trabalho do usuário com aplicativos da web comuns.
Em colaboração com os principais mecanismos de navegador da web Blink/V8, Gecko/SpiderMonkey e WebKit/JavaScriptCore, estamos entusiasmados em lançar o Speedometer 3.0. Benchmarks, como o Velocímetro, são ferramentas que podem ajudar os fornecedores de navegadores a encontrar oportunidades para melhorar o desempenho. Idealmente, eles simulam a funcionalidade que os usuários encontram em sites típicos, para garantir que os navegadores possam otimizar áreas que são benéficas para os usuários.
Sobre o Velocímetro 3.0
Velocímetro 3.0 é notável por ser o primeiro conjunto de testes de desempenho de navegador criado em conjunto pelos principais desenvolvedores de mecanismos de navegador e isso foi possível graças ao desenvolvimento de uma política comum de testes.
O conjunto de ferramentas para executar testes foi expandido para considerar uma variedade de operações do navegador medindo a resposta às ações do usuário. Isso inclui não apenas o tempo de execução do código, mas também o tempo de renderização e a execução assíncrona de tarefas.
Ferramentas foram desenvolvidas para desenvolvedores de navegadores analisarem resultados de testes, criarem perfis de desempenho e ajustarem parâmetros de teste conforme necessário. Além disso, é fornecida a capacidade de criar scripts complexos de inicialização de testes personalizados.
Em relação às atualizações do Velocímetro 3.0, A transição foi feita para o uso de novas versões dos frameworks Angular, Backbone, jQuery, Lit, Preact, React, React+Redux, Svelte e Vue. Padrões de design modernos para sites e aplicações web também foram implementados, como o uso de Webpack, componentes web e métodos atualizados para trabalhar com o DOM.
foram incluídos Testes adicionais para avaliar o desempenho de renderização com elemento Canvas, geração SVG, Processamento CSS complexo, manipulação de árvore DOM extensa e técnicas utilizadas na edição de conteúdo WYSIWYG e em sites de notícias.
Velocímetro 3.0, é projetado para avaliar o desempenho de diferentes benchmarks usados:
- Adicione, complete e exclua notas no TodoMVC: Ações como adicionar, completar e excluir 100 notas são realizadas usando o gerenciador de tarefas TodoMVC. Isto é implementado em variantes baseadas em diferentes frameworks web, métodos de trabalho com o DOM e versões do padrão ECMAScript. Exemplos de opções do TodoMVC incluem estruturas como React, Angular, Vue, jQuery, WebComponents, Backbone, Preact, Svelte e Lit, bem como opções que usam recursos avançados introduzidos nas especificações ECMAScript 5 e ECMAScript 6.
- Edição de texto no modo WYSIWYG: A edição de texto com marcação WYSIWYG é avaliada usando editores de código como CodeMirror e TipTap.
- Carregamento e interação com gráficos: É avaliado o carregamento e a interação com gráficos desenhados usando o elemento canvas ou gerados em formato SVG usando bibliotecas como Observable Plot, chart.js e react-stockcharts.
- Navegando e interagindo com sites de notícias: A navegação da página e a interação com o conteúdo são simuladas em sites de notícias típicos usando as estruturas da web Next.js e Nuxt.
Quanto aos resultados obtidos ao passar no conjunto de testes do Velocímetro 3.0, no macOS, o Chrome lidera com 22.6 pontos, seguido de perto pelo Firefox com 20.7 pontos e Safari com 19.0 pontos. Em comparação, no Velocímetro 2.1, o Safari liderava com 481 pontos, seguido pelo Firefox com 478 pontos e o Chrome notavelmente atrás com 404 pontos no mesmo teste com os mesmos navegadores. No Ubuntu 22.04, o Chrome marcou 13.5 e 234 pontos, enquanto o Firefox marcou 12.1 e 186 pontos nas versões 3.0 e 2.1 do Velocímetro, respectivamente.
finalmente se você está interessado em saber mais sobre o assunto, você pode verificar os detalhes no link a seguir.