The #ChromeDevSummit site is live, happening Nov 12-13 in San Francisco, CA
Check it out for details and request an invite. We'll be diving deep into modern web tech & looking ahead to the platform's future.

El sitio usa receptores de eventos pasivos para mejorar el rendimiento del desplazamiento

Por qué es importante la auditoría

La configuración de la opción passive en tus gestores de eventos táctiles y de la rueda del mouse puede mejorar el rendimiento del desplazamiento.

Consulta Mejorar el rendimiento de desplazamiento con gestores de eventos pasivos para obtener información general.

Consulta el Explainer de la especificación del gestor de eventos pasivos para obtener información técnica detallada.

Cómo aprobar la auditoría

Agregar el marcador passive a todos los gestores de eventos que Lighthouse haya identificado. En general, agrega el marcador passive a cada gestor de eventos wheel, mousewheel, touchstart, y touchmove que no llamepreventDefault().

En navegadores que admitan gestores de eventos pasivos, marcar un gestor como passive es tan fácil como configurar un marcador:

document.addEventListener('touchstart', onTouchStart, {passive: true});

Sin embargo, en los navegadores que no soportan gestores de eventos pasivos, el tercer parámetro es un booleano para indicar si el evento debe ser un cuadro o una captura. Por este motivo, usar la sintaxis anterior puede causar consecuencias no intencionadas.

Consulta el polyfill en Detección de funciones para obtener información sobre cómo implementar gestores de eventos pasivos en forma segura.

Cómo se implementa la auditoría

En esta sección, se explica cómo se implementa esta auditoría para que puedas comprender cómo se calcula el puntaje de la auditoría.

Lighthouse usa el siguiente algoritmo para marcar posibles candidatos para el gestor de eventos pasivos:

  1. Recopila todos los gestores de eventos de la página.
  2. Filtra los gestores que no son táctiles ni funcionan con la rueda del mouse.
  3. Filtra los gestores que llamen a preventDefault().
  4. Filtra los gestores de un host diferente que la página.

Lighthouse filtra los gestores de diferentes hosts porque probablemente no tienes control sobre estas secuencias de comandos. Por este motivo, nota que la auditoría de Lighthouse no representa el rendimiento de desplazamiento completo de tu página. Es posible que existan secuencias de comandos de terceros que estén dañando el rendimiento del desplazamiento de tu página, pero estas no se incluyen en tu informe de Lighthouse.