Code splitting
La técnica de dividir el JavaScript de una aplicación en varios paquetes más pequeños ("chunks") que se cargan bajo demanda, en lugar de un único paquete gigante al inicio. Reduce la descarga inicial y hace que la página arranque antes — una piedra angular del rendimiento web.
Problema: una app grande empaquetada en un solo fichero obliga al usuario a descargar (y al navegador a interpretar) TODO el código antes de que nada funcione — incluido el de páginas y funciones que quizá nunca visite. El code splitting lo trocea: los límites habituales son por ruta (cargar solo el código de la página que se visita), por componente (cargar una biblioteca pesada de modal o de gráficos solo al usarla) y vendor splitting (separar las dependencias que cambian poco para cachear mejor). El mecanismo se apoya en import() (import dinámico), que los bundlers (Vite, Webpack, esbuild) reconocen y dividen automáticamente en chunks separados. Ganancia: un paquete inicial más pequeño → mejor Time to Interactive y mejores Core Web Vitals. Contrapartida: demasiados chunks pequeños suponen más idas y vueltas de red. Una de las técnicas de rendimiento más importantes en las webs modernas.