3 publicações com a etiqueta "performance"

Todo projeto front-end com Vitest chega nessa pergunta em algum momento: environment: 'jsdom' ou environment: 'happy-dom'?

A resposta que circula por aí é "happy-dom é 2 a 4 vezes mais rápido". Fui atrás de onde vem esse número e, na maioria dos artigos, ele não tem código, não tem metodologia e não tem versão. Então resolvi medir.

Montei uma suíte com 240 testes de componentes React, rodei nos dois ambientes, em configurações diferentes do Vitest, várias vezes. Também testei 20 APIs e comportamentos do navegador nos dois pra ver o que cada um realmente implementa. O resultado tem uma surpresa: a configuração do Vitest pesa mais que a escolha da biblioteca.

Se você acompanha o ecossistema React de perto, provavelmente tropeçou nesse anúncio essa semana. Dominic Gannaway lançou o Octane, descrito como "o modelo de programação do React, compilado". É o sucessor declarado do Inferno, framework que o próprio Gannaway criou lá em 2016 com o mesmo pitch de performance. Um gênio indomável.

Vale parar pra entender duas coisas. Primeiro, o que ele faz tecnicamente. Segundo, e mais importante pra quem decide stack, o que a chegada dele diz sobre pra onde o React está indo.

Vamos para a maior de todas novidades da última semana!

Introdução​

Este é um tema muito importante porque impacta diretamente em como uma aplicação é apresentada para o usuário. Caso esse tema seja negligenciado, por mais que o seu site ou aplicação tenha um bom objetivo, ele pode acabar sofrendo com lentidão e utilização de recursos desnecessários, impactando o usuário final, que pode desistir de continuar na aplicação. Imagine um e-commerce onde as páginas de visualização de produtos carregam lentamente; com certeza você desistiria de continuar na aplicação.

A otimização de aplicações web é algo fundamental que, muitas vezes, é negligenciado. A melhora de performance visa velocidade, capacidade de resposta, fluidez, economia de recursos e muito mais. São várias estratégias para minimizar o tempo de carregamento de páginas e reduzir a resposta de servidores, tornando o sistema muito mais atraente para o usuário final.

Existem várias formas de trabalhar com este tema. Trago aqui neste artigo algumas chaves que são muito relevantes para tornar a sua aplicação mais eficiente, com utilização mais inteligente de recursos e trazendo todos os benefícios de velocidade e confiabilidade para o usuário final.