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.

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