Minimiza el trabajo del subproceso principal

El proceso del procesador del navegador es lo que convierte tu código en una página web con la que los usuarios pueden interactuar. De forma predeterminada, el subproceso principal del proceso del procesador suele controlar la mayor parte del código: analiza el HTML y compila el DOM, analiza la CSS y aplica los estilos especificados, y analiza, evalúa y ejecuta el JavaScript.

El subproceso principal también procesa eventos de usuario. Por lo tanto, cuando el subproceso principal esté ocupado realizando otra tarea, es posible que tu página web no responda a las interacciones del usuario, lo que generará una mala experiencia.

Cómo falla la auditoría de trabajo del subproceso principal de Lighthouse

Lighthouse marca las páginas que mantienen ocupado el subproceso principal por más de 4 segundos durante la carga:

Captura de pantalla de la auditoría de Lighthouse Minimizar el trabajo en el subproceso principal

Para ayudarte a identificar las fuentes de carga del subproceso principal, Lighthouse muestra un desglose de dónde se pasó el tiempo de CPU mientras el navegador cargaba tu página.

Cómo minimizar el trabajo del subproceso principal

Las secciones que aparecen a continuación están organizadas según las categorías que informa Lighthouse. Consulta Anatomía de un marco para obtener una descripción general de cómo Chromium procesa las páginas web.

Consulta Cómo realizar menos trabajo en el subproceso principal para obtener información sobre cómo usar las Herramientas para desarrolladores de Chrome a fin de investigar exactamente qué hace el subproceso principal mientras se carga la página.

Evaluación de secuencias de comandos

Estilo y diseño

Renderización

Análisis de HTML y CSS

Análisis y compilación de secuencias de comandos

Recolección de elementos no utilizados

Recursos