👨🏼‍💻

khriztianmoreno's Blog

Inicio Etiquetas Acerca |

Posts with tag pwa

El stack web que no puedes ignorar en 2026

2025-12-26
web-performanceidentitypwaaidevtoolsprogrammingweb-developmentdiscuss

Después de revisar roadmaps, specs, charlas del Chrome Dev Summit y señales reales en producción, mi predicción es simple:El desarrollo web en 2026 se moverá hacia más capacidades nativas, menos JavaScript innecesario y performance medible en el mundo real.Esto no es una lista de “herramientas cool”. Estas son las áreas que se vuelven no negociables.1. Performance (Core Web Vitals + Soft Navigation)Si solo vas a arreglar una cosa, arregla esta. Performance es la prioridad. Sin discusión.Por qué será vital en 2026Google está apostando por la experiencia real del usuario, no por benchmarks sintéticos. Soft Navigation también cambia cómo se evalúan las SPAs modernas (y las apps “tipo MPA”).En 2026:Si no mejoras INP y LCP, no solo “pierdes SEO” — pierdes conversiones.Si no mides bien las soft navigations, vas a enviar rutas “más rápidas” con métricas falsas.Qué cambiaCLS deja de ser “cosmético”.INP reemplaza por completo la mentalidad de “FID”.El performance de una SPA se juzga como una MPA.Qué debes dominarweb-vitals en producciónLong tasks (y qué los provoca)Heurísticas de soft navigationRUM > LighthouseRecursosWeb VitalsSoft NavigationCrUX2. Identity: Passkeys + FedCMEl login tradicional se está muriendo. Solo que todavía no se ha enterado.Por qué será vital en 2026Las contraseñas son una responsabilidad técnica y legal. Las passkeys reducen fricción y fraude. Y FedCM es la respuesta real del navegador a la identidad en un mundo sin third‑party cookies.En 2026:Un producto sin passkeys se percibirá como obsoleto.El “OAuth clásico” sin FedCM se va a degradar (o romper) en flujos que a los usuarios sí les importan.Qué cambiaLo passwordless se vuelve normal.La UI de login nativa del navegador se vuelve la expectativa.Menos JS. Más plataforma.Qué debes dominarWebAuthnPatrones de UX para passkeysFlujos de FedCMIdentity privacy‑preserving por defectoRecursosFedCMPasskeysWebAuthn3. Fugu / PWA APIsLa web ya habla con el hardware. El debate se acabó — lo que queda es ejecución.Por qué será vital en 2026Las apps web compiten directo con nativas cuando la brecha de capacidades es pequeña. Y los navegadores siguen entregando APIs basadas en estándares: menos dependencias, menos “pegamento”.En 2026:WebUSB, File System Access y Badging dejan de ser “raros”.Las PWAs se sienten cada vez más como apps de primera clase cuando el caso de uso lo amerita.Qué cambiaOffline realIntegración más profunda con el OSUX más rápida sin wrappers nativosQué debes dominarFile System Access APIBackground SyncBadging APIHeurísticas de instalación (PWA)RecursosWeb capabilitiesProgressive Web Apps4. AI for Web Developers (Built-in AI APIs)La IA deja de ser “solo un SaaS”. Pasa a ser parte del navegador.Por qué será vital en 2026Menos latencia. Más privacidad (porque lo local se vuelve el default). Y mejor UX sin obligar a cada producto a construir un backend de IA costoso.Esto no es “embeber ChatGPT”. Esto es IA nativa, con progressive enhancement.En 2026:On-device AI se vuelve el default cuando esté disponible.La UX impulsada por IA se vuelve un diferenciador real.Qué cambiaModelos más pequeños y rápidos corriendo localmenteMenos llamadas externasPatrones de UI que se adaptan al contextoQué debes dominarRestricciones de inferencia on-device (y fallbacks)Patrones de UX con IA (asistiva, no invasiva)IA privacy-firstProgressive enhancement con IARecursosAI in Chrome5. DevTools & Browser AutomationEl debugging tradicional no escala.Por qué será vital en 2026Las apps se vuelven más complejas. Los problemas de performance se vuelven más sutiles. Y el testing manual simplemente no es viable si quieres velocidad y calidad.En 2026:La observabilidad desde DevTools se vuelve un hábito diario.La automatización se vuelve parte del flujo, no una “fase de QA”.Qué cambiaDevTools más inteligentesTesting más integradoDebugging centrado en UX realQué debes dominarFlujos avanzados del panel de PerformanceLighthouse CIPuppeteer / PlaywrightTracing y profiling profundoRecursosChrome DevToolsLighthouseMi predicción final (sin marketing)Si tuviera que apostar por una sola base:Performance + Identity serán el fundamento. Todo lo demás se apoya encima de eso.La web en 2026 será:Más nativaMás rápidaMás privadaMenos dependiente de la “magia del framework”El resto es ruido.¡Espero que esto haya sido útil y/o te haya hecho aprender algo nuevo!Profile@khriztianmoreno 🚀Hasta la próxima