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.

이전 CSS Flexbox를 사용하지 않는 사이트

감사가 중요한 이유

Flexbox의 오래된 2009년 사양은 지원이 중단되었고 최신 사양보다 2.3배 속도가 느립니다. 자세한 내용은 Flexbox 레이아웃은 느리지 않습니다를 참조하세요.

감사를 통과하는 방법

Lighthouse는 URLs에 페이지의 스타일시트에서 찾은 모든 display: box 인스턴스를 목록으로 표시합니다. 모든 인스턴스를 새로운 구문 display: flex로 교체하세요.

스타일시트가 display: box를 사용하고 있다면 다른 지원 중단된 Flexbox 속성을 사용하고 있을 수 있습니다. 즉, box로 시작하는 모든 속성( 예: box-flex)은 지원이 중단되었으므로 교체해야 합니다. 오래된 속성이 새로운 속성으로 매핑되는 정확한 방식에 대한 자세한 내용은 CSS Flexbox 2009/2011 사양 구문 속성 매핑을 참조하세요.

감사 구현 방법

이 섹션에서는 감사 점수 계산 방법을 이해할 수 있도록 감사를 어떻게 구현하는지 설명합니다.

Lighthouse는 페이지에서 사용된 모든 스타일시트를 수집하고 display: box를 사용하는지 검사합니다. Lighthouse는 스타일시트가 지원 중단된 다른 속성을 사용하는지는 검사하지 않습니다.