Chrome Dev Summit 2018 is happening now and streaming live on YouTube. Watch now.

El sitio no usa el antiguo Flexbox de CSS

Por qué es importante la auditoría

La especificación de 2009 para Flexbox es obsoleta y es 2,3 veces más lenta que la última especificación. Consulta El diseño de Flexbox no es lento para obtener más información.

Cómo aprobar la auditoría

En URLs, Lighthouse enumera cada instancia de display: box que encontró en las hojas de estilo de tu página. Reemplaza cada instancia con la sintaxis nueva, display: flex.

Si una hoja de estilo usa display: box, puede estar empleando otras propiedades obsoletas de Flexbox. En resumen, cada propiedad que comienza con box, como box-flex, es obsoleta y se la debe reemplazar. Consulta Asignación de propiedades en la sintaxis de la especificación de Flexbox 2009/2011 de CSS para conocer con exactitud cómo se asignan las propiedades anteriores a las nuevas.

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 recopila todas las hojas de estilo que se usan en la página y controla si alguna usa display: box. Lighthouse no controla si las hojas de estilo usan alguna otra propiedad obsoleta.