O impacto do inchaço da web em usuários de dispositivos lentos

O peso das páginas da web e seu impacto em usuários com dispositivos lentos

• Em 2017, foi investigado o impacto do peso das páginas da web em usuários com conexões lentas de internet.
• Ainda há muitos usuários, dentro e fora dos Estados Unidos, que não têm velocidade de banda larga, e a web moderna é difícil de usar para quem tem internet lenta.
• À medida que a velocidade da banda larga aumentou, o problema do peso das páginas diminuiu em comparação com 2017, mas ainda é um problema sério para pessoas com conexões de baixa velocidade.

Desempenho de CPU e aplicações web

• O desempenho de CPU para aplicações web não aumentou tão rapidamente quanto a largura de banda.
• A acessibilidade da web para pessoas com dispositivos de baixa especificação está melhorando, mas muitas páginas da web modernas continuam inacessíveis para esses usuários.
• Por exemplo, ao tentar navegar em um fórum moderno em um dispositivo de baixa especificação como o Tecno Spark 8C, o navegador frequentemente trava.

Desempenho de dispositivos de baixo custo

• Dispositivos de baixo custo como o Tecno Spark 8C não são considerados de baixa especificação em muitas partes do mundo.
• Também foi investigado o desempenho de dispositivos ainda mais modestos, como o Itel P32.
• Foi comparado o desempenho de vários dispositivos (M3 Max Macbook, M1 Pro Macbook etc.) e de diferentes plataformas (blogs, fóruns, plataformas para pequenas empresas).

Tabela de medição de desempenho

• Para cada site, foram medidos o tamanho compactado, o tamanho original, o Largest Contentful Paint (LCP) e o uso de CPU.
• LCP é uma métrica que mede o momento em que o usuário percebe que o conteúdo principal da página ficou visível.
• O tempo de CPU é uma métrica simples com alta correlação com a percepção de usabilidade do usuário.

Opiniões adicionais sobre o impacto do peso das páginas da web em usuários de dispositivos lentos

Opinião do GN⁺

• O estudo sobre o impacto do peso das páginas da web em usuários de dispositivos lentos relembra aos desenvolvedores web a importância da otimização.
• Oferece uma visão crítica das tendências modernas de desenvolvimento web que não consideram a experiência de usuários com dispositivos de baixa especificação.
• O estudo destaca a importância de técnicas de otimização voltadas a dispositivos modestos, como Progressive Web Apps (PWA).
• Ferramentas e técnicas de otimização web, como o PageSpeed Insights e o Lighthouse do Google, são úteis para desenvolvedores web.
• Os resultados do estudo enfatizam a importância de seguir padrões web e técnicas de otimização para melhorar a acessibilidade da web para usuários com dispositivos de baixa especificação.

[GN⁺]

Comentários do Hacker News

• Uma análise do Tecno Spark 8C aponta que ele consegue rodar jogos 3D como PUBG com desempenho aceitável, mas isso não significa que seja rápido o bastante para ler textos em plataformas modernas de mídia social ou fóruns na web.
  • No PUBG ele pode atingir 40fps, mas ao rolar nesses sites pode cair para menos de 0,4fps.
  • Isso destaca a necessidade de cautela quando equipes de marketing pedem para o frontend implementar novos scripts de rastreamento presumindo que os usuários não vão perceber a diferença.
• É importante reconhecer os diferentes níveis de desigualdade no mundo, incluindo países de renda média, especialmente na América Latina e no Sudeste Asiático.
  • Por exemplo, usuários com planos de dados de poucos GB por mês e com perfil de RAM/CPU semelhante ao de smartphones topo de linha dos EUA de 10 anos atrás podem até conseguir usar o Discourse, mas a experiência pode ser lenta e desagradável.
  • Acredita-se que essa categoria de usuários explique boa parte da observação de Dan de que melhorias incrementais em CPU/RAM/disco aumentam perceptivelmente o engajamento.
• O gráfico de Dan mostra que otimizações incrementais podem não ajudar usuários com os aparelhos mais fracos.
  • A única solução pode ser uma arquitetura de cliente totalmente diferente, que entregue o código mais enxuto possível à custa de recursos e acabamento: ou seja, um modo “light/basic”.
  • Infelizmente, essa abordagem raramente se provou bem-sucedida, e desenvolvedores baseados nos EUA muitas vezes tomam decisões erradas sobre quais recursos/acabamentos manter ou descartar em nome do desempenho.
• Em uma experiência recente com um celular Android relativamente lento, carregar algumas páginas da web que parecem oferecer apenas texto e imagens pode ser muito difícil.
  • O problema é agravado por vários fatores. Um deles é que celulares antigos ou lentos podem não conseguir usar navegadores completos como o Firefox para mobile. O próprio app consome recursos demais antes mesmo de abrir o site.
  • Isso obriga a migrar para navegadores simplificados como o Firefox Focus, mas sem suporte a extensões. Ou seja, sem ublock origin, a experiência na web fica ainda pior.
  • Outro problema é que alguns sites podem se tornar inutilizáveis se você não usar um navegador “padrão”.
  • Nessas situações, empresas frequentemente tentam empurrar seus apps. Não se sabe quanto espaço esses apps ocupam em dispositivos com armazenamento limitado nem quão mal eles vão rodar.
  • Muitas empresas/sites ofereciam versões simplificadas pensando em dispositivos ou conexões lentas, mas ultimamente essas versões estão desaparecendo e ficando mais difíceis de encontrar.
• Ao trocar recentemente um LG topo de linha de 6 anos por um Galaxy novo, a diferença de desempenho foi enorme.
  • Era um aparelho de altíssimo nível na época do lançamento, não é tão antigo assim e ainda funciona como novo.
  • Também se sabe que um Galaxy S9 usado para testar código sofre do mesmo problema.
  • Foi sugerido que seria bom incluir a Amazon nos testes. O site da Amazon é um dos piores em dispositivos móveis com mais de uns 4 anos.
• Há o dado de que o YouTube é inutilizável em um Raspberry Pi 3.
  • Isso passou a acontecer no ano passado; antes disso ainda dava para “assistir” a cerca de 10-15FPS, o suficiente, por exemplo, para ver vídeos de conserto na oficina.
  • Quando o Raspberry Pi Model B foi lançado, era possível reproduzir vídeo 1080p do armazenamento local, assistir YouTube e jogar.
  • Não está claro o que o YouTube está fazendo, mas esse tipo de problema deveria ser tratado com seriedade. Especialmente se levamos a sério a crise/mudança climática, a imprensa deveria criticar duramente empresas como Google e Meta por desperdiçarem ciclos de CPU em dispositivos de baixa potência, e deveríamos usar serviços mais eficientes mesmo que a UX geral fique pior.
• Um usuário de 48 anos comentou que tem dificuldade para ler artigos no desktop.
  • Ele melhora a legibilidade adicionando ao body, nas ferramentas de desenvolvedor, o seguinte estilo:

    font-size: 18px;
    line-height: 1.5em;
    max-width: 38rem;
    

  • Ele destaca para os técnicos que isso representa apenas 64 bytes a mais para tornar a página mais legível.
• Foi apontado que há uma forte tendência de projetar para conexões rápidas e de alta qualidade.
  • Por exemplo, ao tentar usar produtos do Google no wi-fi de avião, até para conversar pode levar minutos para carregar ou simplesmente nunca carregar, além de frequentemente travar e exigir recarregamentos caros.
  • Houve o desejo de que engenheiros de software se interessassem mais em testar sob condições não ideais. Baixa velocidade, conectividade intermitente e perda de pacotes são realidades.
• Foi comentado que “usuários com dispositivos lentos” também significa “pessoas que tentam manter seus equipamentos por vários anos”.
  • Foi sugerido que desenvolvedores deveriam investigar o hardware de seus usuários e ser obrigados a usar o sistema comum mais lento por um dia da semana. Se não se importam com eficiência, talvez se importem quando doer o bastante.
• Embora geralmente goste dos textos de Dan Luu, houve a sensação de que este errou o alvo.
  • A tabela de LCP/CPU é boa, mas depois disso o texto vira um pouco de psicologia de poltrona. A partir de alguns comentários aleatórios do fundador do Discourse, pede-se que os leitores construam ideias sobre atitudes supostamente comuns entre engenheiros de software.
  • O texto parece brando demais e dependente de discussão de internet para ser realmente convincente.
• Foi mencionado que, se a intenção é adaptar a acessibilidade de sites para pessoas com dispositivos mais lentos, especialmente em países em desenvolvimento, há mais fatores a considerar.
  • Usar um inglês mais claro e estruturas de frase mais simples pode tornar o conteúdo mais acessível para pessoas que não leem inglês com a fluência de um americano instruído.
  • Também é melhor reduzir o número de requisições necessárias para carregar a página, porque a latência pode ser alta e, por exemplo, até a latência até o nó de borda mais próximo da Cloudflare ainda pode continuar elevada.