외부 스타일 시트는 캐시에 보관되므로 자주 방문하는 페이지로드에 더 빠릅니다. 대신 항상 외부 스타일 시트를 사용해야합니다. 스타일이 특정 페이지에만 사용되는 경우에도 포함 된 스타일 시트. 우리가 생각할 수있는 단점은 외부 스타일 시트 만 사용하면 폴더 스타일의 파일이 많이있을 수 있으며이 경우 페이지에 사용되는 CSS에 포함 된 스타일 시트를 사용하는 것과 비교하면 다른 개발자가 혼란스럽고 혼란 스러울 수 있습니다. .스타일은 특정 페이지에 대한 경우에도 항상 외부 스타일 시트를 사용해야합니까?
한 페이지에만 해당 페이지가있는 경우 아니오를 누릅니다. CSS 파일을 가져 오기 위해 서버에서 불필요한 GET 요청을 유도합니다.
편집 : 사용자 의견에서 질문에 대답하려면 "외부 CSS 문서를 사용하면 GET 요청의 오버 헤드가 발생합니까?" 대답은 '예'입니다. 액세스중인 HTML 문서 (즉, 외부 자바 스크립트 파일, 이미지, 외부 스타일 시트 등)에 포함되지 않은 각 파일에 대해 클라이언트 브라우저는 해당 파일을 얻기 위해 다른 GET 요청을해야합니다.
포함 된 CSS는 해당 페이지에 대한 첫 번째 GET 응답에 포함됩니다 (HTML 응답의 부분은 이 임).
외부 스타일 시트의 시나리오에서는 CSS를 포함하기위한 단일 GET 요청과 달리 두 개의 GET 요청 (HTML 문서 용, 및 CSS 파일 용)을 부과합니다. 문서.
자세한 내용은 HTTP에 위키를 참조하십시오 http://en.wikipedia.org/wiki/Hypertext_Transfer_Protocol#Request_message외부 CSS를 사용하면 요청을 받기위한 오버 헤드가 발생합니까? 나는 그것에 대해 모른다. 임베디드 CSS와 다른 점은 무엇입니까? 우리도 요청을 받아야하지 않아? –
이것은 HTML 페이지에 대한 요청 하나입니다. 외부 스타일 시트를 갖는 것은 HTML에 대한 요청 하나와 CSS에 대한 요청을 의미합니다. – BoltClock
HTTP 요청까지 속도가 간다 비용이 많이 든다. 나는 그들을 최소화하려고 노력할 것입니다. 조직을 위해서, 외부 스타일 시트에 물건을 보관해라. 그러나 단지 그 페이지에만 적용 할 수있는 것들이 있다면, 임베디드 스타일 시트를 사용하는 것이 좋다. 당신은이 둘의 올바른 균형을 찾아야합니다.
독립형 페이지의 경우 스타일이 해당 페이지에서만 사용된다는 것을 알고있는 경우 페이지에서 '스타일'태그를 사용하는 경우가 있습니다. 전역 스타일을 오염시키는 것을 방지하고 다른 스타일 시트가 필요하지 않은 경우 HTTP 요청을 잠재적으로 저장합니다. –