Os sites também são malditamente grande.

A página média da Web é de cerca de 2 megabytes, de acordo com o HTTP Archive, um site que rastreia o desempenho dos sites e as tecnologias que eles usam. Você pode baixar 2 megabytes em menos de um segundo em uma boa conexão móvel 4G. Mas as páginas da web de hoje são problemáticas para pessoas em conexões lentas ou com pequenos limites de largura de banda. Não faz muito tempo, um jogo ou programa de software complexo se encaixava em um disquete de 1,4 megabyte.

Há muitos motivos pelos quais a Web de hoje é tão inchada, incluindo anúncios e scripts de rastreamento que agrupam tantas páginas. Outro motivo é que os sites fazem muito mais do que apenas exibir texto e imagens. Muitos sites agora parecem e se parecem com aplicativos de desktop completos.

Para criar esses sites interativos, muitos desenvolvedores da Web recorrem a pacotes de código aberto que lidam com tarefas comuns. Essas ferramentas liberam os programadores de muito trabalho pesado, mas podem adicionar peso a um projeto. A popular biblioteca React de código aberto do Facebook para criar interfaces de usuário, por exemplo, pesa 100 kilobytes. Coloque outras ferramentas e gráficos e logo você estará falando de muitos megabytes.

A nova estrutura JavaScript Svelte, criada pelo jornalista visual e desenvolvedor de software Rich Harris, visa facilitar a criação de sites e aplicativos interativos menores e mais rápidos. O desenvolvedor da Web Shawn Wang diz que reduziu o tamanho de seu site pessoal de 187 kilobytes para 9 kilobytes, mudando de React para Svelte.

“Foi um grande momento ‘uau'”, diz Wang. “Eu nem estava tentando otimizar o tamanho e ele caiu”.

Harris, um editor gráfico para o New York Times, criou e lançou a primeira versão do Svelte em 2016 enquanto trabalhava no Guardião. Muitos de seus projetos envolviam gráficos e animações interativos, mas ele se preocupava com o fato de os gráficos demorarem muito para carregar ou ultrapassar os limites de dados dos usuários.

As estruturas adicionam peso aos sites porque tradicionalmente servem como uma camada intermediária entre o código de um aplicativo e o navegador do usuário. Isso significa que os desenvolvedores precisam agrupar toda a estrutura, além de seu próprio código, com um aplicativo, mesmo que não usem todos os recursos da estrutura. Wang compara isso a um foguete que precisa de enormes tanques de combustível para ser lançado no espaço.

Harris adotou uma abordagem diferente. O Svelte realiza seu trabalho de camada intermediária antes de um desenvolvedor fazer o upload do código para um servidor Web, muito antes de o usuário fazer o download. Isso possibilita a remoção de recursos desnecessários, diminuindo o aplicativo resultante. Também reduz o número de partes móveis quando um usuário executa o aplicativo, o que pode tornar os aplicativos Svelte mais rápidos e eficientes. “Svelte é como um elevador espacial”, diz Wang. A estrutura foi difícil de criar, mas os defensores dizem que facilita para os desenvolvedores a criação de aplicativos eficientes.

uma representação abstrata de telas e bolhas conectadas

O Guia WIRED para Software de Código Aberto

Tudo o que você sempre quis saber sobre Linux, GNU e como as grandes empresas estão lucrando com software gratuito baseado em colaboração.

Wang diz que gosta de usar o Svelte para páginas da web, mas ainda usa o React para aplicativos maiores, incluindo seu trabalho profissional. Por um lado, quanto maior um aplicativo, maior a probabilidade de um desenvolvedor usar todos os recursos do React. Isso torna menos desperdício. De fato, alguns aplicativos Svelte são maiores que os aplicativos criados com o React ou ferramentas semelhantes. E há uma demanda muito maior por desenvolvedores do React do que Desenvolvedores Svelte.

Na pesquisa State of JavaScript 2019 de mais de 21.000 desenvolvedores, 88% dos entrevistados que usaram o Svelte disseram que estavam satisfeitos com ele, dando-lhe o segundo maior índice de satisfação na pesquisa, logo atrás da taxa de satisfação de 89% do React. Mas apenas 7,8% dos entrevistados usaram Svelte e 24,7% nunca ouviram falar. Enquanto isso, 80,3% usaram o React.





Fonte