Reduce el tiempo de ejecución de JavaScript

Si tu código JavaScript tarda mucho tiempo en ejecutarse, el rendimiento de la página se ralentiza de varias maneras:

  • Costo de red

    Más bytes equivalen a tiempos de descarga más largos.

  • Analiza y compila costos

    JavaScript se analiza y compila en el subproceso principal. Cuando el subproceso principal está ocupado, la página no puede responder a las entradas del usuario.

  • Costo de ejecución

    JavaScript también se ejecuta en el subproceso principal. Si tu página ejecuta una gran cantidad de código antes de que sea realmente necesario, eso también retrasa el tiempo de carga, que es una de las métricas clave relacionadas con la forma en que los usuarios perciben la velocidad de tu página.

  • Costo de memoria

    Si tu código JavaScript contiene muchas referencias, posiblemente consuma mucha memoria. Las páginas se ven inestables o lentas cuando consumen mucha memoria. Las fugas de memoria pueden hacer que la página se congela por completo.

Cómo falla la auditoría de tiempo de ejecución de Lighthouse para JavaScript

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:

Captura de pantalla de la auditoría de Lighthouse Reduce el tiempo de ejecución de JavaScript

Para ayudarte a identificar los factores que más contribuyen al tiempo de ejecución, Lighthouse informa el tiempo dedicado a ejecutar, evaluar y analizar cada archivo JavaScript que carga tu página.

Cómo acelerar la ejecución de JavaScript

Si deseas conocer otras formas de mejorar la carga de páginas, consulta la página de destino de las auditorías de rendimiento.

Recursos

Código fuente para la auditoría Reduce el tiempo de ejecución de JavaScript