Data fetching: estrategias para obtener datos en aplicaciones web
El data fetching,obtención de datos, es el proceso de solicitar y cargar información desde una fuente externa, como una API o base de datos, hacia una aplicación web, generalmente sin recargar la página.
Estrategias más importantes de carga de datos
Fetch on Load: Se cargan todos los datos al iniciar la página.
Ideal para contenido crítico que el usuario ve inmediatamente.La primera impresión rápida.
Pero puede ralentizar la carga inicial si se abusa.
Lazy Fetching:Solo cargas los datos cuando realmente se necesitan (por ejemplo, al hacer scroll o abrir una sección). Perfecto para mejorar el rendimiento y el Core Web Vitals.
Prefetching: Anticipa la carga de datos antes de que el usuario los pida (ej. al pasar el mouse por un enlace). Excelente para mejorar la percepción de velocidad en aplicaciones SPA o Next.js.
Polling:Se consultan los datos de forma periódica (cada X segundos).
Útil para dashboards o información que cambia constantemente, pero úsalo con cuidado para no saturar el servidor.
Real-time (WebSocket):Datos en tiempo real sin necesidad de refrescar.
Ideal para chats, notificaciones, trading, deportes en vivo, etc.Ofrece la mejor experiencia de usuario.
Caching: Se guardan los datos en caché para evitar llamadas repetidas al servidor. Una de las mejores prácticas actuales: reduce drásticamente el número de peticiones y mejora la velocidad.