Skip to content

Para Além da Rapidez

ViteConf 2023

Assistir a repetição!

A Vite 4.3 foi Lançada!

20 de Abril de 2023

Imagem da Capa do Anúncio da Vite 4.3

Ligações rápidas:

Melhorias do Desempenho

Nesta atualização secundária, concentramos-nos em melhorar o desempenho do servidor de desenvolvimento. A lógica de resolução foi racionalizada, melhorando os caminhos principais e implementando armazenamento de consulta imediata mais inteligente para encontrar o package.json, ficheiros de configuração da TypeScript, e URL resolvidas em geral.

Tu podes ler uma apresentação detalhada do trabalho de desempenho feito neste publicação de blogue por um dos colaboradores da Vite: Como tornamos a Vite 4.3 muitíssimo mais rápida 🚀.

Esta corrida resultou em melhorias da velocidade em todos os domínios comparada a Vite 4.2.

Existem melhorias de desempenho conforme medida pela sapphi-red/performance-compare, que testa uma aplicação com 1000 componentes de React, tempo frio e quente de inicialização do servidor bem como tempos da substituição de módulo instantânea para um componente de raiz e página:

Vite (babel)Vite 4.2Vite 4.3Melhoria
inicio frio do desenvolvimento17249.0ms5132.4ms-70.2%
inicio quente do desenvolvimento6027.8ms4536.1ms-24.7%
substituição de módulo instantânea da raiz46.8ms26.7ms-42.9%
substituição de módulo instantânea da página27.0ms12.9ms-52.2%
Vite (swc)Vite 4.2Vite 4.3Melhoria
inicio frio do desenvolvimento13552.5ms3201.0ms-76.4%
inicio quente do desenvolvimento4625.5ms2834.4ms-38.7%
substituição de módulo instantânea da raiz30.5ms24.0ms-21.3%
substituição de módulo instantânea da página16.9ms10.0ms-40.8%

Comparação do tempo de inicialização da Vite 4.3 vs 4.2

Comparação do tempo da substituição de módulo instantânea da Vite 4.3 vs 4.2

Tu podes ler mais informações a respeito do marco de referência nesta ligação. Especificações e Versões para este desempenho executam:

  • CPU: Ryzen 9 5900X, Memory: DDR4-3600 32GB, SSD: WD Blue SN550 NVME SSD
  • Windows 10 Pro 21H2 19044.2846
  • Node.js 18.16.0
  • Versões da Extensão de Vite e React
    • Vite 4.2 (babel): Vite 4.2.1 + plugin-react 3.1.0
    • Vite 4.3 (babel): Vite 4.3.0 + plugin-react 4.0.0-beta.1
    • Vite 4.2 (swc): Vite 4.2.1 + plugin-react-swc 3.2.0
    • Vite 4.3 (swc): Vite 4.3.0 + plugin-react-swc 3.3.0

Os primeiros a adotar também têm relatado perceber melhoria de tempo de inicialização do desenvolvimento 1.5x-2x em aplicações reais enquanto testam a Vite 4.3 beta. Adoraríamos saber os resultados para as tuas aplicações.

Perfilamento

Continuaremos a trabalhar no desempenho da Vite. Estamos a trabalhar numa ferramenta de analise comparativa oficial para a Vite que nos permitirá ter métricas de desempenho para cada pedido de atualização do ramo principal do repositório.

E a vite-plugin-inspect agora tem mais funcionalidades relacionadas ao desempenho para ajudar-te a identificar quais extensões ou intermediários estão a causar congestionamento para as tuas aplicações.

Usar vite --profile (e depois pressionando p) assim que a página carregar guardará um perfil da CPU da inicialização do servidor de desenvolvimento. Tu podes abri-los numa aplicação como speedscope para identificares os problemas de desempenho. E podes partilhar as tuas descobertas com a equipa da Vite numa Discussão ou na Discorda da Vite.

Próximos Passos

Nós decidimos fazer uma única versão principal de Vite este ano alinhada com o Fim da Vida da Node.js 16 em Setembro, desistindo do suporte para ambas Node.js 14 e 16 nela. Se gostarias de participar, começamos uma Discussão sobre a Vite 5 para reunir reações antecipadas.

Lançada sob a Licença MIT. (1fcc5b41)