Regla de decisión y límites
La optimización de JavaScript reduce el trabajo innecesario de los scripts para que una página entregue su contenido y sus interacciones esenciales de forma rápida y fiable. El trabajo de JavaScript compite por el hilo principal del dispositivo. Optimizar significa reducir, aplazar o dividir el trabajo que no hace falta para la primera versión útil de la página, manteniendo disponibles la interacción esencial y el contenido accesible.
Cómo inspeccionarlo
Inspecciona la cascada de peticiones, el resultado renderizado, las tareas largas y la contribución de los scripts de terceros en una ruta representativa. Repite la prueba con un perfil de móvil con recursos limitados y distingue un archivo voluminoso que se descarga de un script que de verdad bloquea la interacción.
Flujo de trabajo práctico
Elimina una dependencia que no se usa antes de añadir un cargador. Después aplaza las funciones no críticas, aplica code splitting a las funciones específicas de cada ruta y prueba la interacción real que motivó el cambio, con JavaScript activado y desactivado cuando tenga sentido.
Errores habituales y límites de medición
Reducir el tamaño del bundle no es por sí solo un resultado para el usuario. Puede trasladar el trabajo a la hidratación, a la latencia de red o a otra ruta, así que tras cada cambio verifica el renderizado, la interacción, los errores y la accesibilidad. El fallo habitual es minificar un bundle y suponer que así se resolvieron los problemas de renderizado, de respuesta del servidor o de imágenes.