Reducir el tiempo de ejecución de JavaScript

Published on Updated on

Translated to: English, Português, 한국어, 中文, Pусский, 日本語

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:

Una captura de pantalla de la auditoría de Lighthouse Reducir el tiempo de ejecución de JavaScript

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

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

Last updated: Improve article

We serve cookies on this site to analyze traffic, remember your preferences, and optimize your experience.