Drupal 7이 CSS @import 규칙을 <link> 태그보다 선호하는 이유는 무엇입니까?


25

@import많은 사람들이 " 사용하지 마십시오 "라고 말합니다.

을 사용하면 많은 단점이 @import있습니다.

  • @import스타일 시트 내에서 사용 하면 페이지의 전체 다운로드 시간에 한 번 더 왕복이 추가됩니다.
  • @importIE에서 사용 하면 다운로드 순서가 변경됩니다. 이로 인해 스타일 시트를 다운로드하는 데 시간이 오래 걸릴 수 있으므로 진행 렌더링이 방해되어 페이지가 느려집니다.

Drupal 7은 왜 그것을 사용합니까?

@import규칙을 <link>태그 로 변경하고 싶습니다 . 어떻게해야합니까?


1
질문에 +1하기 만하면 같은 질문을하고 싶었습니다. 감사합니다.
Sk8erPeter

답변:


22

@import를 사용하여 CSS 파일을 가져 오지 마십시오 .

@import는 비 CSS 집계 모드에서만 사용됩니다. 이는 태그 수에 대한 IE 제한 사항을 해결하기 위해 수행됩니다.

이것은 이유와 그것을 제거하는 방법을 설명해야합니다. 모든 프로덕션 사이트는 CSS 집계를 사용해야하며 @import가 없어야합니다.


1
+1, 답변 주셔서 감사합니다. Internet Explorer가 31 개 이상의 연결된 스타일 시트를로드하지 않는 문제를 해결하기 위해 Drupal 6에서 IE CSS Optimizer 모듈 ( drupal.org/project/ie_css_optimizer )을 사용해야하는 문제를 해결하는 방법입니다.
Sk8erPeter 1

나는 이것이 몇 년 후인 것을 알고 있으며, 제정신이 아닌 사람들은 IE를 사용하지 않습니다. 불행히도 나는 제정신이 아닌 사람들을 위해 일하지 않습니다. IE 8에서 respond.js를 사용하면 @imports를 사용하여 작동하지 않습니다. 이 찾기는 찾기 어려울 수 있습니다
DeveloperChris

나에 관해서는 IE 태그 제한에 부딪치지 않았습니다. 어리석은 결정처럼 보입니다. 거의 발생하지 않는 문제를 무시합니다. CSS 파일이 많은 경우 대부분의 CSS 파일을 병합하는 방법을 고려해야합니다. 페이지 로딩 속도를 높이기 위해.
Rantiev

-1,이 답변은 원래 게시물의 두 가지 질문에 대한 답변이 아닙니다. Drupal이 @import를 사용하는 이유는 무엇이며 어떻게 변경합니까?
Colin
당사 사이트를 사용함과 동시에 당사의 쿠키 정책개인정보 보호정책을 읽고 이해하였음을 인정하는 것으로 간주합니다.
Licensed under cc by-sa 3.0 with attribution required.