Durante a tempestade Helene, tudo o que eu queria era um site de texto simples

 (sparkbox.com/foundry)
2 pontos por GN⁺ 2026-01-06 | 1 comentários | Compartilhar no WhatsApp
  • Em meio aos apagões e à instabilidade nas comunicações causados pelo furacão Helene, ficou evidente a necessidade de acesso leve à web
  • Sites complexos, centrados em imagens e scripts, quase não funcionavam em ambientes móveis
  • Páginas simples baseadas em texto eram as mais eficientes em termos de transmissão de informação e acessibilidade
  • A queda de desempenho da web pode levar a uma lacuna de informação em situações de desastre
  • Foi reforçada a importância de um design web leve, acessível mesmo em momentos de crise

A tempestade Helene e a acessibilidade da web móvel

  • Com a energia e a rede instáveis por causa da tempestade Helene, surgiu o problema de sites praticamente impossíveis de carregar
    • Sites com muitos elementos complexos, como imagens, anúncios e JavaScript, falhavam no carregamento
    • Páginas que ofereciam apenas texto simples em HTML eram relativamente acessíveis
  • Essa experiência reafirmou que o objetivo básico da web é transmitir informação
    • A acessibilidade ao conteúdo deve vir antes do design visual

O valor de uma web simples

  • Sites centrados em texto funcionam rapidamente mesmo em redes lentas
    • Ao remover recursos desnecessários, é possível reduzir bastante o uso de dados e o tempo de carregamento
  • Isso é útil não só em situações de crise, mas também para melhorar a experiência do usuário em dispositivos móveis
    • Uma estrutura simples também contribui para a manutenção e para melhorar a acessibilidade

Desempenho web e responsabilidade social

  • Estruturas web complexas podem agravar a desigualdade de acesso à informação
    • Em regiões com infraestrutura de rede fraca, o acesso à informação fica limitado
  • Desenvolvedores devem considerar uma web que funcione com o mínimo de recursos
    • Isso é uma tarefa essencial sob a ótica de resposta a crises, acessibilidade e sustentabilidade

Conclusão

  • A experiência com a tempestade Helene mostra a necessidade de um design web leve
  • Uma web simples baseada em texto é uma solução que garante ao mesmo tempo capacidade de resposta em crises e acessibilidade universal

Leituras relacionadas

1 comentários

 
GN⁺ 2026-01-06
Comentários do Hacker News

  • Vários sites de notícias oferecem versões só de texto
    Por exemplo, há lite.cnn.com, text.npr.org, wttr.in etc.
    Mais exemplos podem ser vistos na lista do Greycoder
    Seria bom haver uma forma padronizada para encontrar esses sites facilmente e para que veículos de notícias locais também pudessem oferecer isso

    • A versão lite da CNN é boa, mas ainda tem um banner de cookies enorme
      Na prática, o único cookie definido é se você clicou no banner ou não, então parece que a maior parte do peso da página vem justamente dele
    • Ao abrir uma matéria da CNN Lite, o texto real do artigo tinha 11 KB, mas havia 560 KB só de declarações CSS
    • Para padronizar esse tipo de site só de texto, parece que uma boa abordagem seria fazer o modo leitor (reader mode) do navegador pedir ao site apenas a formatação mínima
    • Na Holanda, a emissora pública ainda oferece notícias via Teletekst
      Artigo relacionado: Hoe werkt het vernieuwde Teletekst
    • Usando o subdomínio ‘lite’, também dá para ler artigos exclusivos para assinantes
      Lembrei desse site de novo quando a CNN fez testes A/B agressivos alguns meses atrás

  • A imagem de cabeçalho da matéria era um PNG 2400x1600 de 500 KB, e dizem que um dithering sutil atrapalhava a compressão
    Convertendo a mesma imagem para .avif (qualidade 90, 12 bits), ela caiu para 15 KB

    • Só que aquela imagem era uma hero image sem relação com o conteúdo
      Esse tipo de imagem atrasa o carregamento da página, força a rolagem e logo é esquecido
    • Na prática, o site transmite 1,18 MB (com compressão) para entregar 6,7 KB de texto. Irônico
    • Talvez em SVG ela ficasse ainda menor, mas o efeito de gradiente provavelmente teria de ser simplificado

  • Durante o furacão Helene, a equipe do Newspack de que faço parte trabalhou com a Blue Ridge Public Radio e outros
    para criar sites de notícias em versão texto para usuários com baixa largura de banda
    Pelo text.bpr.org, conseguimos levar informação a dezenas de milhares de pessoas,
    e, com esse resultado, recebemos apoio da OpenNews
    para tocar um projeto que distribui uma solução web em texto simples para notícias de emergência a redações de todo o país

    • Eu também acompanho notícias com frequência, mas não sabia que a CNN tinha uma versão lite

  • HTML puro e interações baseadas em formulários já podem ser suficientemente eficazes
    Os antigos fóruns da web em sua maioria funcionavam perfeitamente sem JS
    O GitHub também já permitiu ver issues e escrever comentários sem JS,
    mas hoje quase nada aparece. Imagino que seja por causa do empurrão para scripts de rastreamento

  • Aqui vai um resumo da minha experiência durante o furacão Helene

    • A AT&T caiu completamente, mas Verizon e MVNOs continuaram funcionando
    • Um eSIM secundário incluído no meu plano de internet residencial ajudou muito
    • Mas, assim que o caminhão de resposta a desastres da Verizon chegou, a internet do meu MVNO caiu
    • Lição aprendida: antes da tempestade, é importante encher o tanque e carregar as baterias
      Com a falta de energia, foi difícil encontrar postos, então tive de dividir combustível com os vizinhos
    • Tive uma experiência parecida alguns anos atrás na tempestade Pineapple Express
      Não dá para confiar só em energia solar; é preciso preparar fontes de energia de apoio (carro, gerador a propano etc.)
      Além disso, sites de serviços de emergência precisam funcionar com formulários simples e imagens no nível da Web 1.0
      Um site que leva 5 minutos para carregar JS não serve para nada numa situação de desastre
    • Dependendo da região, a situação foi diferente. Onde eu estava, todas as redes caíram,
      e as atualizações de rádio da NPR foram a única fonte de informação
      No fim, cooperamos com os vizinhos para liberar as estradas e, depois de conseguir combustível, conseguimos sair
    • Durante quedas de energia, é essencial levar dinheiro em espécie
      Se a rede de cartões cair, os terminais POS não funcionam
    • Moro numa área muito arborizada e tenho problemas frequentes com ISP,
      e o app da Xfinity é pesado demais e vive dando erro quando a conexão fica instável
      É justamente nessas situações que se precisa de um portal leve de suporte ao cliente, mas a realidade é o oposto
    • Uso dual SIM (AT&T + T-Mobile),
      e, se existisse um celular com triple SIM, eu também gostaria de adicionar a Verizon
      Dá para registrar vários eSIMs, mas só um pode ficar ativo por vez

  • Em uma experiência parecida, fiquei isolado por alguns dias durante deslizamentos de terra no Nepal
    Não havia nenhuma informação, então as notícias circulavam apenas por telefone,
    e, assim que a estrada foi reaberta, houve um fluxo de carros que gerou congestionamento e perigo
    Durante a pandemia, eu mantinha uma página em texto com um resumo simples das regras locais,
    e isso foi muito mais útil do que briefings complexos
    Durante a invasão da Ucrânia, refugiados montaram espontaneamente, em 24 horas, uma rede de informação usando Telegram, Notion e Google Docs
    No fim das contas, a simplificação da transmissão de informação é o ponto central da resposta a crises

    • Um colega meu da Ucrânia, enquanto fugia, perguntava em tempo real aos amigos coisas como “a ponte X ainda está transitável?”
      para confirmar sua rota de fuga
      Felizmente, quase sempre recebia respostas corretas e conseguiu chegar a uma área segura
    • Mas fico me perguntando por que a Ucrânia confia tanto no Telegram
      Parece que até informações sensíveis são compartilhadas por lá

  • Quem está na indústria web há mais tempo provavelmente se lembra das grandes falhas da web no 11 de Setembro
    Quase todos os sites de notícias caíram, e só o Slashdot conseguiu continuar no ar e fornecer informação
    Hoje a infraestrutura mudou muito, mas ainda fica a pergunta: “e se algo assim acontecer de novo?”

    • Na época, como o Yahoo News não respondia, rodei um traceroute,
      e o último hop apontava para um servidor dentro da torre em Nova York
      Depois, levou um bom tempo até que o tráfego fosse redirecionado para o oeste

  • Em um artigo que li recentemente, dizia-se que hoje já é difícil rodar um navegador com 1 GB de RAM
    O JS ficou mais rápido, mas, em compensação, o tamanho do código dos sites cresceu desnecessariamente
    Redes rápidas acabaram incentivando a ineficiência
    Veja também este texto

  • Talvez seja melhor começar com HTML puro, quase no nível de 1994
    Só com <html> e <body> já dá, e, se necessário, pode-se adicionar um pouco de CSS
    Se for usar CSS externo como o Pico.css, o ideal é hospedar você mesmo em vez de usar CDN

    • Esse tipo de HTML deveria ser a primeira página de todo desenvolvedor web
      Ferramentas complexas como npx create-react-app são um problema para depois
    • Como referência, dá para ver o template básico do HTML5 Boilerplate
    • Eu também mantenho um site centrado em texto e sempre verifico se ele funciona sem CSS
      Tenho mantido o CSS em cerca de 20 KB com gzip
    • Ainda vale a pena incluir <meta charset="utf-8">

  • O padrão web GDS do governo britânico é composto de HTML simples
    e há até relatos de que funcionava num PSP
    Veja o post do blog de Terence Eden