Skip to content
Aprender Medir Blog Case studies About
En esta página
  • Cómo fallar la auditoría Reducir el tiempo de ejecución de JavaScript de Lighthouse
  • Cómo acelerar la ejecución de JavaScript
  • Recursos

Reducir el tiempo de ejecución de JavaScript

May 2, 2019 — Actualizado Oct 4, 2019
Available in: 日本語, 한국어, Português, Русский, 中文, English
Appears in: Auditorías de rendimiento
En esta página
  • Cómo fallar la auditoría Reducir el tiempo de ejecución de JavaScript de Lighthouse
  • Cómo acelerar la ejecución de JavaScript
  • Recursos

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 #

  • 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

Memoria
Última actualización: Oct 4, 2019 — Mejorar el artículo
Return to all articles
Compartir
suscribir

Contribute

  • Presentar un error
  • Ver fuente

Contenido relevante

  • developer.chrome.com
  • Chrome Actualizaciones
  • Web Fundamentals
  • Case studies
  • Podcasts
  • Shows

Conectar

  • Twitter
  • YouTube
  • Google Developers
  • Chrome
  • Firebase
  • Google Cloud Platform
  • Todos los productos
  • Condiciones y privacidad
  • Principios de la Comunidad

Except as otherwise noted, the content of this page is licensed under the Creative Commons Attribution 4.0 License, and code samples are licensed under the Apache 2.0 License. For details, see the Google Developers Site Policies.