나는 일반적으로 페이지 성능에 @import을 사용하지 않는 것이 좋습니다. 내 CSS 파일의 하단에 @import을 넣고 페이지로드시 요소에 대한 스타일이 아닌 나중에 사용자 상호 작용을위한 요소에 대해 스타일을 사용하면 성능 비용이 여전히 있습니까? 예를 들어 사용자가 표시하기 위해 클릭하는 팝업에 대해 @import ed 스타일을 사용하는 경우 @import은 여전히 좋지 않습니다.CSS 하단에 @import 넣기
예. 가상 클래스에서 다른 CSS 파일을 가져 오는 것은 "사용자 상호 작용"의 의미라고 생각하지만 여전히 성능에 영향을 미칩니다. 동일한 결과를 얻는 훨씬 더 빠른 방법은 JavaScript 이벤트 리스너를 통해 속성 값을 변경하는 것입니다.
페이지로드시 CSS 파일 다운로드를 차단하지 않는 경우 성능 비용이 왜 발생합니까? – sawa
@narusawa 브라우저가 CSS 파일을 다운로드하기 위해 요청해야하기 때문에 구문 분석을해야합니다. JavaScript를 사용하면 다운로드해야 할 필요성이 없어집니다. – GingerDeadshot
왜 <link>을 적절하게 주문하지 않으십니까?
가능한 [CSS @ 가져 오기 최상의 방법] (http://stackoverflow.com/questions/6912899/css-import-best-practices) –
제안 된 링크는 @import를 스타일링에 사용하는 것에 대한 내 질문에 대한 대답이 아닙니다. 사용자 상호 작용을 위해 사용될 요소의 개수. – sawa