Um dia sem Javascript – O que poderia dar errado?

Artigo Traduzido do Blog Sonniesedge

Enquanto escrevo isso, está chovendo lá fora, e estou tentando evitar ter que sair no escuro e observar os alemães realizarem suas manobras de diversidade anual . Eu, portanto, decidi passar o meu tempo fazendo a única coisa que conta como um crime religioso em web dev land: Eu vou desligar o javascript no meu navegador e ver quais sites funcionam e quais sites não.

Eu sei, eu sei, minha vida é simplesmente muito excitante.

Agora, eu sei que porque escrevo muito sobre a web universal e o aprimoramento progressivo, as pessoas assumem que devo odiar o JavaScript.

Esta seria uma suposição incorreta.

Eu simplesmente odeio as pessoas que dependem de JavaScript frágil do lado do cliente quando existem outras alternativas. Da mesma forma que eu não confiaria em alguma empresa de minicab desconhecida como a única maneira de me levar ao aeroporto para um vôo de casamento, não gosto de contar com uma tecnologia não garantida como a única maneira de entregar uma web aplicativo.

Para mim, é uma questão de elegância e simplicidade sobre a complexidade desnecessária.

Muitas abas

Então, para a minha lúgubre experiência do dia cinzento, eu me restrinjei apenas às coisas abertas nas guias do meu navegador. Para pessoas normais, este pode ser dois ou três sites.

Não para mim. Eu tenho aproximadamente 17 guias de shitmillion abertas, porque eu tenho um problema com Tabs.

Não seriamente. Eu nunca posso simplesmente fechar uma guia. Eu tentei coisas como One Tab, mas eu simplesmente não consigo baixar menos de 30 em qualquer janela (“Eu vou salvar essa guia para mais tarde”, penso, cada vez). Acabei de concordar que preciso de algum tipo de terapia, e todos poderemos seguir em frente.

De qualquer forma, não há nada extravagante para essa experiência. Foi um caso de desligar o javascript no navegador e recarregar um site, nada mais. Para desabilitar rapidamente o JS do navegador com um clique, usei o Chrome e a extensão Toggle Javascript – disponível, ironicamente, através da loja virtual do Chrome, apenas com javascript.

Ah, e para você, bom leitor, abri essas guias em novas janelas, então você não precisa ver a dor de 50 abas abertas de uma só vez.

Primeiras impressões

Então como foi? Bem, com apenas alguns minutos de vida sans-javascript sob o meu cinto, minha primeira impressão foi “merda, as coisas são rápidas sem javascript”. Não há anúncios. Não há carregamento de vídeo em horários aleatórios. Não há interrupções súbitas pelos modais “Você quer se deixar cair?”.

Se essa fosse a única manifestação de desativar o javascript, faria isso por o resto do tempo. No entanto, muitas coisas não funcionam. A navegação é o modo de falha mais comum. Os menus de Hamburger não conseguem ligar internamente a uma seção de navegação (venha, é fácil para crianças). Os formulários morrem quando o javascript é retirado (apontar o formulário para um nó de extremidade que aceita as consultas GET / POST ffs). Acima das imagens dobradas não conseguem carregar (você sabe que elas estão sendo transmitidas por padrão, sim?).

Os sites

Vamos lá. Eu acho que tenho uma lista bastante representativa de sites em minhas abas abertas (talvez devido ao problema de tabulação acima mencionado). Howl at me on Twitter se você sentir que eu perdi algo particularmente importante.

Alimentado

Minha primeira tentativa de Sans-JS e eu não conseguimos nada além de uma página branca em branco. Fuck you feedly.

Suspira, corre o rosto, grita depois de Feedly

Não espere, Feedly, desculpe. Não quis dizer isso. Era o café conversando. Podemos conversar sobre isso? Gosto de usar você para acompanhar as postagens do blog.

Mas por que você trabalha assim, Feedly? Seus desenvolvedores poderiam oferecer o site em HTML básico e usar recursos avançados, como, er, links de âncora, para mover para outros artigos. Então, quando JS estiver disponível, o novo conteúdo pode ser carregado via JS.

Veredicto : aconselhamento sobre relacionamento.

Twitter

O Twitter mostra o site normal (com conteúdo completo) por um breve momento, então redireciona para mobile.twitter.com (o antigo, e não o novo, um novo, um Reagente, é claro). Isso é realmente frustrante, pois o site completo ainda seria ótimo para carregar sem javascript. Poderia usar o mesmo método de navegação que o site móvel, onde ele define um parâmetro de consulta na URL “? Max_id = 871333359884148737” que determina o que é o tweet mais recente em sua linha de tempo para mostrar. Simples e elegante.

Veredicto: poderia tentar mais.

Google Chrome

A página de download do Google Chrome simplesmente falha completamente, sem aviso prévio, apenas uma página em branco.

Suspiro .

Veredicto: Nenhum Chrome para você, você está sujo javascriptophobe!

Youtube

Youtube realmente realmente quer carregar. Realmente, reallyllllly, quer. Mas, então, foda as coisas no último nanossegundo e põe fora, não mostrando nenhum vídeo, nenhum ícone de pré-visualização e nenhum comentário (o último talvez seja positivo).

Mesmo que o site esteja fazendo algum carregamento funky de mídia de vídeo, não seria difícil colocar uma versão básica na página inicialmente (com preload="none"), e depois faça a atualização quando JS entrar.

Veredicto: Não consigo assistir My Drunk Kitchen ou Superwoman. 🙁 🙁 🙁

24 maneiras

Eu tenho isso aberto nas minhas guias nos últimos 6 meses, o que significa lê-lo. Olha, estou triste, ok? Mas mierda, este site funciona de forma excelente sem javascript. Todas as animações estão lá (porque são CSS) eo slide na navegação funciona (porque ele se liga internamente à versão estática do menu na parte inferior da página).

Veredicto: ato de classe. Smoooooth. Jazzz.

Netflix

Estou usando Netflix para tentar adivinhar minha namorada a assistir a Star Trek. Até agora, ela não está convencida, principalmente porque “Tasha dormiu com o Sr. Data? Mas seria como fodê-lo “.

Enfim, o Netflix não funciona. Bem, ele carrega o cabeçalho, se você quiser contar isso. Eu entendo por que eles não fazem as coisas com o HTML5 – DRMing all i shit needs javascript. Mas ainda :(.

Veredicto : JavaScript apenas é o Novo Preto

NYtimes

Não tenho certeza por que isso estava na minha lista de tabulações, mas eu encontrei abas apodrecidas a partir de 2015 lá, então não estou surpreso.

O site do NY Times carrega em 561ms e 957kb sem javascript. Caramba, isso é o que deveria ser como normalmente. Para referência, levou 12000ms (12 segundos) e 4000kb (4mb) para carregar com javascript. Ah, e como um bônus, você obtém uma tela de anúncios.

Muitas imagens são preguiçosas e, portanto, não funcionam, sendo substituídas por ícones de carregamento funky. Mas hey ho, eu ainda posso ler as histórias.

Veredicto: falhando … para não funcionar. Triste!

BBC Notícias

É o dia depois dos últimos ataques terroristas de Londres, e então eu tenho isso aberto, apenas para ver como a mídia se intensifica e auxilia todas as ações terroristas. A BBC é o inventor e poster-child para o aprimoramento progressivo via Cutting the Mustard, e não decepciona. O site não-CTM funciona completamente e, embora não pareça o mesmo que o site completo da área de trabalho (é móvel primeiro e, portanto, é praticamente a versão móvel), ele ainda funciona .

Veredicto: Mostarda de Colman

Sem JS, a pesquisa do Google ainda faz o que é melhor em: pesquisa.

Ok, não há preenchimento automático, o layout reverte para o início dos anos 2000 novamente, e a busca de imagens é chocantemente ruim. Mas, na melhor forma de aprimoramento progressivo, você ainda pode executar suas tarefas principais.

Veredicto: Sólido.

Wikipedia

Como um bom amigo, a Wikipedia nunca desilude. O site é indistinguível da versão JS. Continue sendo bela, Wikipedia.

Veredicto: BFFs.

Amazon

O site parece um pouco … fora sem JS (a miríade de acordeões vomitar o seu conteúdo sobre a página quando JS não está lá para mantê-los sob controle). Mas todo o site funciona! Você ainda pode pesquisar, você ainda obtém recomendações. Você ainda pode adicionar itens à sua cesta, e você ainda pode prosseguir com a compra.

Veredicto : guerreiro amazônico.

Google Maps

Ao desconto do Gmail, o Google Maps é talvez uma das aplicações de página única mais utilizadas. Como tal, esperava algum tipo de recurso, como o Gmail fornece, mesmo que não fosse um verdadeiro aprimoramento progressivo. Talvez algum tipo de barramento de navegação estilo mosaico de estilo Streetmap?

Mas falhou completamente.

Veredicto : catástrofe de cartografia.

Veredicto geral

Isso me fez agradecer o número de grandes sites que fazem o esforço para construir sites robustos que funcionem para todos. Mas, mesmo nesses sites que são progressivamente aprimorados, é uma triste acusação de coisas que podem ser tão lentas no Mac hiperpowerful multi-core que eu uso todos os dias, mas imediatamente tornar-se rápido quando o JavaScript está desativado.

É ainda mais triste ao usar um site típico e você percebe o quanto de JavaScript ele baixa. Agora sei por que minha reserva de dados móveis de 1GB continua a queimar pelo menos …

Eu sustento que é perfeitamente possível usar a web sem javascript, especialmente nos sites que são atenciosos à diversidade de dispositivos e usuários lá fora. E se eu quiser navegar na web sem javascript, bem foda, essa é a minha escolha como usuário. Esta é a web, não a App Store da Javascript, e devemos ter certeza de que as coisas funcionam mesmo no dispositivo mais básico.

Eu acho que vou desligar o javascript mais, apenas por princípio.

Deixe um comentário

O seu endereço de e-mail não será publicado. Campos obrigatórios são marcados com *

%d blogueiros gostam disto: