@import 대 링크

@import 대 링크

---

먼저 제목이 여기 , 여기 , 여기 에서 묻는 중복 질문이라는 것을 알고 있습니다 . 이 주제에 대해 내가 읽은 모든 것은 2 년이 넘었습니다. 그 기간 동안 많은 것이 바뀌 었으므로 여전히 같은 생각을하는 것이 좋을까요?

다음은 스타일 시트 내에서 @import를 사용하여 재설정 CSS 및 몇 가지 다른 스타일을 가져 오는 예입니다. 에서 @import로 변경해야합니까 <link>? 이 기사 에 따르면 링크를 사용해야합니다. 그래서 다른 개발자들에게 지금까지 진정으로 가장 좋은 방법이 무엇인지 묻습니다 (2011 년 8 월 25 일).

---

지난 1 ~ 2 년 동안 변경된 사항이 많지 않으며 그 이후로도 여전히 많은 동일한 브라우저를 다루고 있으므로 관행을 변경해서는 안됩니다.

<link>이상의 모든 경우에 바람직하다 @import후자의 블록 병렬 다운로드 때문에,이 내용의 나머지 부분을 다운로드를 시작하기 전에 브라우저가 마무리 다운로드에 가져온 파일을 기다리는 것을 의미한다.

여기에서 자세히 볼 수 있습니다.

http://www.stevesouders.com/blog/2009/04/09/dont-use-import/

따라서 @import편리 할 수 ​​있지만 그것이 제공하는 전부입니다. 빠른 로딩 시간을 활용하고 싶다면 최소한의 스타일 시트 (대부분의 경우 하나)를 사용하고 효율적인 선택기로 좋은 CSS를 작성하고 (일반적인 항목) 축소하고 <link>태그를 사용합니다 .

---

이것은 주석이 될 것이지만 너무 길어졌습니다.

@import( 매우 편리 하다는 것을 알고 있습니다 ) 대신 사이트가 활성화 될 때 파일을 하나로 결합해야합니다. 어쨌든 그 시점에서 조정해서는 안되며이를 최소화하는 데 도움이되는 여러 도구가 있습니다. 개인적으로 PHP를 사용하여 별도의 CSS 파일 ( <link>태그 에서 참조 할 파일)에 작성된 모든 CSS 파일을 정의한 다음 캐시 된 버전이 오래된 경우 (수동 또는 자동으로 결정됨) 구성 파일이 있습니다. ,이를 결합 / 축소하고 콘텐츠를 "캐시"파일에 쓰고 CSS 파일 이름에 추가 할 타임 스탬프 쿼리 문자열을 반환하여 강제로 새로 다운로드합니다.

PHP도 사용하는 경우 cssmin을 적극 권장합니다. 스타일 시트를 구문 분석 @import하고 콘텐츠를 하나의 파일로 가져올 수 있을뿐만 아니라 축소의 모든 측면을 처리 할 수 ​​있습니다.

참고 URL : https://stackoverflow.com/questions/7199364/import-vs-link