Reducir el tiempo de ejecución de JavaScript
Cuando su JavaScript tarda mucho en ejecutarse, ralentiza el rendimiento de su página de varias formas:
Costo de la red
Más bytes equivalen a tiempos de descarga más largos.
Analizar y compilar el costo
JavaScript se analiza y compila en el hilo principal. Cuando el hilo principal está ocupado, la página no puede responder a los datos de entrada del usuario.
Costo de ejecución
JavaScript también se ejecuta en el hilo principal. Si su página ejecuta mucho código antes de que sea realmente necesario, eso también retrasa el Time to Interactive (tiempo de interacción), que es una de las métricas clave relacionadas con la forma en que los usuarios perciben la velocidad de su página.
Costo de memoria
Si su JavaScript se adhiere a muchas referencias, potencialmente puede consumir mucha memoria. Las páginas se ven desordenadas o lentas cuando consumen mucha memoria. Las pérdidas de memoria pueden hacer que su página se congele por completo.
Cómo fallar la auditoría Reducir el tiempo de ejecución de JavaScript de Lighthouse
Lighthouse muestra una advertencia cuando la ejecución de JavaScript tarda más de 2 segundos. La auditoría falla cuando la ejecución tarda más de 3,5 segundos:
Para ayudarlo a identificar los mayores contribuyentes al tiempo de ejecución, Lighthouse informa el tiempo dedicado a ejecutar, evaluar y analizar cada archivo JavaScript que carga su página.
See the Lighthouse performance scoring post to learn how your page's overall performance score is calculated.
Cómo acelerar la ejecución de JavaScript
- Only send the code that your users need by implementing code splitting.
- Minify and compress your code.
- Remove unused code.
- Reduce network trips by caching your code with the PRPL pattern.
For other ways to improve page load, check out the Performance audits landing page.
Recursos
Código fuente para la auditoría Reducir el tiempo de ejecución de JavaScript