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

Site não usa o Flexbox CSS antigo

Por que a auditoria é importante

A especificação antiga de 2009 para o Flexbox tornou-se obsoleta e é 2,3 vezes mais lenta do que a especificação mais recente. Consulte [O layout do Flexbox não é lento][slow] para saber mais.

Como ser aprovado na auditoria

Em URLs, o Lighthouse lista todas as instâncias de display: box encontradas nas folhas de estilo da sua página. Substitua todas as instâncias pela nova sintaxe: display: flex.

Se uma folha de estilo estiver usando display: box, ela poderá estar usando outras propriedades obsoletas do Flexbox. Em poucas palavras, todas as propriedades iniciadas por box, como box-flex, são obsoletas e devem ser substituídas. Consulte [Mapeamento de propriedades da sintaxe da especificação de 2009/2011 do Flexbox CSS][map] para ver a equivalência exata das propriedades antigas em relação às novas.

Como a auditoria é implementada

Esta seção explica como esta auditoria é implementada para que você possa compreender como a pontuação da auditoria é calculada.

O Lighthouse coleta todas as folhas de estilo usadas na página e verifica se qualquer uma delas usa display: box. O Lighthouse não verifica se as folhas de estilo usam outras propriedades obsoletas.