Um exercício legal para o final de semana. No link o autor descreve uma maneira de medir a quantidade de código javascript que nossos navegadores precisam baixar e executar enquanto navegamos em páginas na internet.
Resultado supreendente com sites que imaginamos muito pesados utilizando pouco javascript em comparação com sites de páginas estáticas baixando dezenas de MB desses códigos.
PS.: o manual se saiu excelente no teste, mas como não dá para colocar link e imagem ao mesmo tempo vocês terão que fazer o experimento por conta própria. :)
Muito bom.
Aproveitei e fiz com alguns outros:
Redes sociais:
– BlueSky: 7.38MB
– Masotodon (instância oficial): 1.86MB
– Threads: 4.54MB
Fóruns
– Órbita: 13.17KB
– Tabnews: 1.95MB
– Hacker News: 5.22KB (!)
Excelente! Esse mesmo autor já havia escrito outro grande artigo chamado Software Disenchantment (https://tonsky.me/blog/disenchantment), onde ele fala da onipresença de sistemas pesados, bugados e que as pessoas são obrigadas a aceitar como normal.
Nesse de agora sobre JavaScript, adorei essa parte: ‘Instagram is somehow bigger than Facebook, despite having like 10× less functions. 16 MB’. Essa jumentança da Meta conseguiu inventar a pior linguagem possível (React), e ainda assim deixar seus sistemas (que deveriam ser exemplo) ridiculamente pesados. Pra zero surpresa, o próprio site do React chega a consumir 100 MB de JavaScript…
Esse é o nível do drama atual (aliás, tá defasado em 1 ano já): https://almanac.httparchive.org/static/images/2022/page-weight/distribution.png
E, sim, o MdU está de parabéns (embora o tema dark tenha parado de funcionar de uma ou duas semanas pra cá quando o JS está bloqueado)! Outro site que acho um baita exemplo, pois além de muito elegante e funcional, é extremamente simples e leve: https://vscodium.com
Nossa, eu jamais pegaria esse bug no tema! Criei uma issue no repositório e avisei o Joselito, que fez a implementação do seletor claro/escuro do tema.
Valeu pelo aviso!
Fiz o teste proposto: O MdU carrega 12 KB de JavaScript
️🏞️ https://i.ibb.co/NYVfp7N/Screenshot-20240224-160558-min-1.jpg
Orgulho! 🤩
Acho que aqui usamos JavaScript da maneira certa (para sites de conteúdo): apenas para aperfeiçoar a experiência do usuário. Está em coisas como o formulário de resposta a comentários, o botãozinho do canto inferior direito que volta ao topo da página e ao seletor de aparência claro/escuro.
Outro teste legal é desativar o JavaScript e ver quais sites continuam funcionando. A maioria quebra parcialmente e alguns (e não são poucos) se recusam a carregar.
Estamos perdidos.