Degradação progressiva versus aprimoramento progressivo

Tanto o PE quanto o GD lidam com o mesmo problema: navegadores e ambientes diferentes oferecem suporte a recursos diferentes. O PE constrói a partir de uma base; o GD reduz a partir da vanguarda. A escolha molda toda a arquitetura.

O PE começa com o HTML do menor denominador comum que funciona em qualquer lugar e, depois, adiciona camadas (CSS, JS, recursos avançados) que aprimoram a experiência em navegadores mais capazes. A experiência básica é o ponto de referência.

O GD começa com a experiência moderna completa criada para os navegadores atuais e, depois, adiciona alternativas para os mais antigos. A experiência de vanguarda é o ponto de referência, e os navegadores antigos recebem uma versão reduzida.

Um usuário do IE11 pode ver a mesma página simplificada sob qualquer uma das abordagens. A diferença está no processo e no código: uma base de código PE é um conjunto de HTML com camadas progressivas; uma base de código GD é o código moderno mais uma série de correções para contornar ambientes antigos.

O PE prioriza a experiência básica como fonte de verdade. Falhas de rede, falhas de scripts e ambientes inesperados ainda recebem uma página funcional. O GD trata o caminho moderno como norma, portanto falhas inesperadas muitas vezes se manifestam como páginas quebradas, em vez de páginas degradadas.

Quando o público-alvo usa navegadores modernos em 99% dos casos, o GD permite que a equipe otimize para o caso comum e adicione alternativas de forma reativa. Para ferramentas internas ou aplicações especializadas com usuários conhecidos, essa pode ser a escolha pragmática — a disciplina do PE representa um custo adicional.

Sites públicos voltados aos consumidores se beneficiam do PE: há usuários desconhecidos em dispositivos desconhecidos, e acessibilidade e otimização para mecanismos de busca são importantes. Painéis internos em uma frota de navegadores conhecida podem usar GD sem grandes perdas. Não existe uma única resposta correta.

Projetos reais combinam as duas abordagens: renderizam o HTML principal no servidor (PE para o caminho crítico) e enviam um pacote JS pesado que o aprimora (alternativas no estilo GD para navegadores antigos). Reconheça conscientemente cada escolha, em vez de adotar uma estratégia sem analisá-la.

Equipes de PE enfatizam SSR, marcação semântica e pontos de acesso resistentes. Equipes de GD enfatizam transcompiladores, preenchimentos de compatibilidade e empacotamento condicional. Ambas as pilhas entregam algo aos navegadores antigos; a diferença filosófica está em qual base orienta a arquitetura.

Documente a matriz de navegadores compatíveis e qual estratégia se aplica. “Usamos PE: o site funciona em qualquer navegador capaz de exibir HTML com JS desativado” ou “Usamos GD: experiência completa no Chrome/Firefox/Safari nas duas versões mais recentes, com uma alternativa básica somente leitura no IE11”. Ambas são válidas; a ambiguidade é o problema.

O PE custa mais no projeto inicial, mas menos em manutenção contínua: a base raramente quebra. O GD custa menos no início, mas mais a longo prazo, à medida que os preenchimentos de compatibilidade e adaptadores se acumulam. Escolha levando em conta a vida útil esperada do projeto.

O PE começa com uma base universal de HTML e a aprimora progressivamente; o GD começa com a experiência moderna e adiciona alternativas progressivamente. O PE é mais resistente e favorável à acessibilidade; o GD é mais rápido de entregar para públicos modernos conhecidos. Escolha conscientemente de acordo com o público e documente a matriz compatível.