La Arquitectura InstantáneaUna Odisea de Rendimiento con SSG y Service Workers

Cómo llevar una PWA a un LCP de 0.14s en 3G, declarándole la guerra al verdadero cuello de botella, la red.

💡

Feedback Instantáneo (SSG + SPA)

La base. Un sitio estático para una carga inicial ultra-rápida que se hidrata en una SPA fluida, dando feedback inmediato en las interacciones del cliente.

⚡️

Feedback Rápido (PWA con Precaché)

El primer nivel de optimización. Un Service Worker que cachea los assets (JS, CSS) para que las visitas y recargas posteriores sean drásticamente más rápidas.

🤯

Renderizado Instantáneo (Streaming SW)

La estocada final. Un Service Worker que sirve el "cascarón" de la app desde la caché y solo pide los datos (unos pocos bytes) a un API, eliminando el HTML de la red.