Cuando se actualiza un sitio en producción y el puntaje de reactividad cae sin explicación, el problema a menudo proviene de un indicador que no se estaba monitoreando unos meses antes. Google reemplazó el FID por el INP el 12 de marzo de 2024, y este cambio ha redistribuido las cartas para todo equipo que trabaja en el rendimiento web.
Las tendencias web en 2024 no se limitan a elecciones estéticas: afectan la conformidad regulatoria, la autenticación y la forma en que se despliega código del lado del servidor.
INP y Core Web Vitals: lo que el reemplazo del FID cambia en la práctica
El FID medía únicamente el tiempo de la primera interacción. Un botón podía tardar 300 ms en responder al tercer clic sin que la métrica se inmutara. El INP corrige este sesgo al evaluar la reactividad global de todas las interacciones en la página.
Concretamente, hemos visto sitios con un buen FID perder su estatus de “bueno” de la noche a la mañana después del cambio. Las páginas ricas en JavaScript de terceros (widgets de chat, carruseles, formularios dinámicos) son las primeras afectadas. Para los equipos de desarrollo web, el trabajo pasa por una auditoría sistemática de los event listeners y por la reducción de tareas largas en el hilo principal.
Seguimos las novedades de los estándares y las buenas prácticas en desarrollo web y SEO en https://journal-du-web.be/, un recurso que cubre este tipo de evolución técnica.
El INP también impulsa a repensar los frameworks front-end. Las arquitecturas que hidratan toda la página en la carga inicial crean picos de latencia en las interacciones siguientes. Dividir la hidratación en islas independientes reduce la carga en el hilo principal y mejora el puntaje INP sin sacrificar la interactividad.
Autenticación sin contraseña y passkeys: un estándar en aceleración
En un proyecto de comercio electrónico entregado a finales de 2023, el equipo había integrado un formulario clásico de email/contraseña con doble autenticación por SMS. Unos meses después, los usuarios pedían una conexión por huella digital, sin contraseña. Ya no es una curiosidad técnica: las passkeys se han convertido en un estándar en aceleración en 2024, desplegadas por las grandes plataformas.
El principio se basa en la criptografía asimétrica. La clave privada permanece en el dispositivo del usuario, la clave pública se almacena del lado del servidor. Sin contraseña que robar, sin SMS que interceptar. Para los sitios que manejan datos sensibles, las passkeys eliminan el vector de ataque más explotado: el credential stuffing.
Las opiniones varían en este punto según las audiencias: los usuarios tecnófilos adoptan las passkeys sin fricción, mientras que algunos perfiles menos cómodos con la biometría aún dudan. El desafío para los equipos de producto es ofrecer las passkeys como opción por defecto mientras se mantiene un fallback accesible.
Checklist de integración del lado del desarrollo
- Implementar la API WebAuthn y probar la compatibilidad del navegador (Chrome, Safari, Firefox soportan todas las passkeys en 2024)
- Prever un mecanismo de recuperación de cuenta si el dispositivo principal se pierde, sin caer en un simple enlace por email
- Registrar los intentos de autenticación para detectar anomalías sin almacenar datos biométricos del lado del servidor
European Accessibility Act: la conformidad digital como una obligación de producción
La accesibilidad web ha sido tratada durante mucho tiempo como un bono, un tema que se abordaba al final del proyecto si el presupuesto lo permitía. El European Accessibility Act, que entró en vigor el 28 de junio de 2025, cambia las reglas del juego para cualquier empresa que venda productos o servicios digitales en Europa. Pasamos de una recomendación a una obligación legal con posibles sanciones.
En la práctica, esto significa que los equipos de desarrollo web deben integrar la accesibilidad desde el diseño. Los sitios web, aplicaciones móviles y documentos digitales deben cumplir con criterios específicos de navegación por teclado, contraste y compatibilidad con lectores de pantalla.
Más allá del modo oscuro: las preferencias del sistema CSS
El diseño accesible en 2024 va más allá del simple modo oscuro. Los desarrolladores front-end ahora utilizan media queries como prefers-reduced-motion y prefers-contrast para adaptar automáticamente la experiencia del usuario.
prefers-reduced-motiondesactiva o atenúa las animaciones para los usuarios sensibles a los movimientos, un ajuste que también evita problemas de rendimiento en dispositivos antiguosprefers-contrastofrece variantes de alto contraste, útiles para la lectura al aire libre o para personas con discapacidades visualesprefers-color-schemeadapta la paleta sin forzar al usuario a buscar un botón de alternancia en la interfaz
Estas funcionalidades CSS existen desde hace un tiempo, pero su adopción sistemática en producción es una tendencia clara de 2024. Ya no se encuentran únicamente en sitios institucionales: las plataformas de marketing y los sitios de comercio electrónico las integran en sus sistemas de diseño.
Edge computing y despliegue distribuido: código más cerca de los usuarios
Cuando se despliega una aplicación de servidor desde un centro de datos único en Europa, un usuario en el sudeste asiático experimenta varios cientos de milisegundos de latencia de red antes de que el servidor comience a procesar su solicitud. El edge computing resuelve este problema al ejecutar la lógica de la aplicación en nodos distribuidos geográficamente, lo más cerca posible del usuario final.
En 2024, este enfoque ha pasado de ser un tema de conferencia a un modo de producción común para sitios con audiencia internacional. Los casos de uso más frecuentes se refieren al renderizado del lado del servidor de las páginas, la personalización del contenido según la geolocalización y la gestión de redirecciones sin ir y volver a un servidor central.
El compromiso se encuentra en el lado de la complejidad operativa. Depurar una función que se ejecuta en decenas de nodos diferentes requiere una estrategia de registro y monitoreo específica. Los equipos que migran hacia el edge también deben repensar la gestión de la caché y la sincronización de datos entre los nodos.
La adopción del edge computing impulsa a las estrategias SEO a evolucionar. Un sitio que sirve páginas pre-renderizadas desde un nodo local mejora mecánicamente su tiempo de carga, lo que impacta directamente en los Core Web Vitals y, por lo tanto, en el posicionamiento en los resultados de búsqueda.
Las tendencias web de 2024 comparten un punto en común: transforman temas que se trataban al final de un sprint (rendimiento, accesibilidad, seguridad de autenticación) en requisitos previos para la producción. El INP, las passkeys y el European Accessibility Act no son opciones para marcar, sino restricciones que ahora estructuran la creación de sitios y aplicaciones digitales.