스크립트 파일이 리소스 포함에 DEFER 및 ASYNC 키워드를 사용할 수 있음을 알고 있습니다. 이 키워드는 스타일 시트 (예 : CSS)에 사용할 수 있습니까?스타일 시트에 DEFER 또는 ASYNC가 허용됩니까?
구문은 아마도 다음과 같습니다가 허용되거나 있지 않다면 그냥 모르는
<link rel="stylesheet" type="text/css" href="./path/to/style.css" defer />
.
Defer 및 Async 태그 <script>https://developer.mozilla.org/en/docs/Web/HTML/Element/script
그들은 그들이 존재하지 않기 때문에, 다른 태그에서 작동하지 않습니다 특정 속성입니다. 스타일 시트는 병렬 또는 로딩 후에 실행될 논리를 포함하는 스크립트가 아닙니다. 스타일 시트는 html에 원자 적으로 적용되는 정적 스타일 목록입니다.
이 작업을 수행 할 수 있습니다 :
<link rel="stylesheet" href="/css/style.css" media="none" onload="if(media!=='all')media='all'" >
을하고 NOSCRIPT 대체를 만들
정말 고마워! 이것은 내가 찾고 있었던 바로 그 것이었다. –
내가 할 수없는이 어디 문서화하지만 내 연구 결과는 찾을 수 :
가 테스트되었습니다 어떻게
을 테스트 무엇
나는 사용자 정의 글꼴을 가져오고 글꼴을 적용하는 하나 개의 스타일이있다. 전
: 완전히로드 될 때까지 사용자 지정 글꼴을 사용
텍스트는 눈에 보이지 않는했고 그것은 나타났다./결과 후
:
따라서 첨가 => 결과는 텍스트가 사용자 정의 폰트로 전환하면서 페이지 다음 후에 렌더링하기 시작하지만, 대체 폰트를 사용하는 즉시 볼 수 있다는 것이다.
는 그래서 ... 적어도 구글 크롬뿐만 아니라 그것이 어디 공개적으로 문서화 아닌 경우에도 <link> 태그를 연기 지원과 같은 빠른 답변을
감사를 보인다. 예, STYLE 페이지에서 볼 수 없습니다. https://developer.mozilla.org/en/docs/Web/HTML/Element/style – Doug
해당 내용은 https://developers.google.com/에서 확인하실 수 있습니다. 속도/워드 프로세서/통찰력/OptimizeCSSDelivery – youhana