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:
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
- Optimiza el código JavaScript de terceros
- Elimina los efectos de rebote en los controladores de entrada
- Usa trabajadores web
Estilo y diseño
- Reduce el alcance y la complejidad de los cálculos de estilo
- Evita los diseños grandes y complejos, y la paginación excesiva de diseños
Renderización
- Limítate solo a las propiedades del compositor y administra el recuento de capas
- Simplifica la complejidad de la pintura y reduce las áreas de pintura