Quando atualizamos um site em produção e a pontuação de reatividade cai sem explicação, o problema geralmente vem de um indicador que não estávamos monitorando alguns meses antes. O Google substituiu o FID pelo INP em 12 de março de 2024, e essa mudança redistribuiu as cartas para toda equipe que trabalha em desempenho web.
As tendências da web em 2024 não se resumem a escolhas estéticas: elas tocam na conformidade regulatória, na autenticação e na forma como implementamos código do lado do servidor.
INP e Core Web Vitals: o que a substituição do FID muda na prática
O FID media apenas o tempo da primeira interação. Um botão poderia levar 300 ms para responder ao terceiro clique sem que a métrica se alterasse. O INP corrige esse viés ao avaliar a reatividade global de todas as interações na página.
Na prática, vimos sites com um bom FID perderem seu status “bom” da noite para o dia após a mudança. As páginas ricas em JavaScript de terceiros (widgets de chat, carrosséis, formulários dinâmicos) são as primeiras afetadas. Para as equipes de desenvolvimento web, o trabalho passa por uma auditoria sistemática dos event listeners e pela redução de tarefas longas na thread principal.
Acompanhamos as novidades dos padrões e das boas práticas em desenvolvimento web e SEO em https://journal-du-web.be/, um recurso que cobre esse tipo de evolução técnica.
O INP também leva a repensar os frameworks front-end. As arquiteturas que hidratam a página inteira no carregamento inicial criam picos de latência nas interações seguintes. Dividir a hidratação em ilhas independentes reduz a carga na thread principal e melhora a pontuação INP sem sacrificar a interatividade.
Autenticação sem senha e chaves de acesso: um padrão em aceleração
Em um projeto de e-commerce entregue no final de 2023, a equipe havia integrado um formulário clássico de email/senha com autenticação dupla por SMS. Alguns meses depois, os usuários pediam uma conexão por impressão digital, sem senha. Isso não é mais uma curiosidade técnica: as chaves de acesso se tornaram um padrão em aceleração em 2024, implementadas pelas grandes plataformas.
O princípio se baseia na criptografia assimétrica. A chave privada permanece no dispositivo do usuário, enquanto a chave pública é armazenada no lado do servidor. Sem senha para roubar, sem SMS para interceptar. Para os sites que gerenciam dados sensíveis, as chaves de acesso eliminam o vetor de ataque mais explorado: o credential stuffing.
Os feedbacks variam sobre esse ponto conforme as audiências: os usuários tecnófilos adotam as chaves de acesso sem fricção, enquanto alguns perfis menos confortáveis com a biometria ainda hesitam. O desafio para as equipes de produto é oferecer as chaves de acesso como opção padrão, mantendo um fallback acessível.
Checklist de integração do lado do desenvolvimento
- Implementar a API WebAuthn e testar a compatibilidade do navegador (Chrome, Safari, Firefox suportam todas as chaves de acesso em 2024)
- Prever um mecanismo de recuperação de conta caso o dispositivo principal seja perdido, sem recorrer a um simples link por email
- Registrar as tentativas de autenticação para detectar anomalias sem armazenar dados biométricos no lado do servidor
European Accessibility Act: a conformidade digital como uma restrição de produção
A acessibilidade web foi tratada por muito tempo como um bônus, um assunto que se abordava no final do projeto se o orçamento permitisse. O European Accessibility Act, que entrou em vigor em 28 de junho de 2025, muda o jogo para toda empresa que vende produtos ou serviços digitais na Europa. Passamos de uma recomendação para uma obrigação legal com possíveis sanções.
Na prática, isso significa que as equipes de desenvolvimento web devem integrar a acessibilidade desde a concepção. Os sites, aplicativos móveis e documentos digitais devem respeitar critérios específicos de navegação por teclado, contraste e compatibilidade com leitores de tela.
Além do modo escuro: as preferências do sistema CSS
O design acessível em 2024 vai além do simples modo escuro. Os desenvolvedores front-end agora usam media queries como prefers-reduced-motion e prefers-contrast para adaptar automaticamente a experiência do usuário.
prefers-reduced-motiondesativa ou atenua as animações para usuários sensíveis a movimentos, um ajuste que também evita problemas de desempenho em dispositivos antigosprefers-contrastoferece variantes com contraste reforçado, úteis para leitura ao ar livre ou para deficiências visuaisprefers-color-schemeadapta a paleta sem forçar o usuário a procurar um botão de alternância na interface
Essas funcionalidades CSS existem há algum tempo, mas sua adoção sistemática em produção é uma tendência clara de 2024. Não são mais encontradas apenas em sites institucionais: plataformas de marketing e sites de e-commerce as integram em seus sistemas de design.
Edge computing e implantação distribuída: código mais próximo dos usuários
Quando se implanta uma aplicação servidor a partir de um data center único na Europa, um usuário no Sudeste Asiático enfrenta várias centenas de milissegundos de latência de rede antes mesmo que o servidor comece a processar sua solicitação. O edge computing resolve esse problema executando a lógica da aplicação em nós geograficamente distribuídos, o mais próximo possível do usuário final.
Em 2024, essa abordagem passou de um tema de conferência para um modo de produção comum para sites com audiência internacional. Os casos de uso mais frequentes envolvem a renderização do lado do servidor das páginas, a personalização do conteúdo com base na geolocalização e a gestão de redirecionamentos sem idas e vindas para um servidor central.
O compromisso está do lado da complexidade operacional. Depurar uma função que é executada em dezenas de nós diferentes requer uma estratégia de registro e monitoramento específica. As equipes que migram para o edge também devem repensar a gestão de cache e a sincronização de dados entre os nós.
A adoção do edge computing leva as estratégias de SEO a evoluir. Um site que serve páginas pré-renderizadas a partir de um nó local melhora mecanicamente seu tempo de carregamento, o que impacta diretamente nos Core Web Vitals e, portanto, na posição nos resultados de busca.
As tendências web de 2024 compartilham um ponto em comum: elas transformam assuntos que tratávamos no final do sprint (desempenho, acessibilidade, segurança de autenticação) em pré-requisitos para a produção. O INP, as chaves de acesso e o European Accessibility Act não são opções a serem marcadas, mas restrições que agora estruturam a criação de sites e aplicações digitais.