Modernizr 파일을 헤드에 배치해야합니까?
Modernizr JavaScript 파일에 대한 참조가 페이지 헤드에 추가? 나는 항상 모든 펼치기를 페이지 하단에 배치하려고 노력하고 있습니다. 그리고 그것이 머리에 있어야한다면?
당신이 원하는 경우 모더 나이저를 다운로드하여 방지하기 위해 가능한 한 빨리 실행 FOUC를 의에 넣어<head>
<head>HTML 에서 펼쳐보기 태그를 삭제하십시오 . 최상의 성능을 선언 스타일 시트 참조 다음에 따라야합니다. Modernizr를 헤드에 배치하는 것을 권장하는 이유는 두 가지입니다. IE에서 HTML5 요소를 활성화하는 HTML5 Shiv는. 이전에 실행해야하며<body>Modernizr이 추가하는 CSS 클래스를 사용하는 경우 다음을 수행해야합니다. FOUC를 방지하십시오.
나는 아니오라고 주장합니다. 당신이 배치하는 모든 펼쳐지 <head>는 배포 는 실행을 차단합니다. 나이 저가하는 모더 유일한 [해석] 해야 우리한다 에서 일어나는는 <head>통합이다 html5shiv , 인터넷 익스플로러 8 이전에 해킹의 HTML5 태그를 지원합니다.
나는 어제 의미가 상당한 중요 함을 발견했습니다. 내가 작업하는 사이트에서 이미 상당히 최적화되어 있습니다. 단일 펼쳐를 헤드에 추가하면 IE9에서로드 시간이 ~ 100ms 지연되었습니다. 칼의 혜택!
내 트래픽의 약 90 %가 HTML5를 기본적으로 지원하는 브라우저에서 발생하고 초기 회의에서 Modernizr 클래스를 표시해야하는 핵심 CSS가 있기 때문에 html5shiv를 조건부 주석에 배치하는 방식으로 사용하고 있습니다. 통합 shim없이 modernizr로드 :
<html>
<head>
…
<!--[if lt IE 9]>
<script src="html5shiv.min.js"></script>
<![endif]-->
</head>
<body>
…
<script src="modernizr.custom.min.js"></script>
</body>
</html>
Paul Irish는 현재 사이트의 75 % 이상에 대해 Modernizr에 대해 head.
Modernizr를 맨 아래로 이동
예상치 못한 상황을 유발할 가능성이 더 크지 만 사용자가 머리에 펼쳐가 전혀없는 것이 훨씬 낫습니다.
나는 사이트의> 75 %가 머리에 필요로하지 않는다고 내기한다. 이 모든 사이트의 속도를 늦추는 것을 보는 것 보다이 교육을 변경하고 25 %를 싶습니다.
https://github.com/h5bp/html5-boilerplate/issues/1605
IE 조건문을 약간의 다른 방식으로 사용하는 것은 어떻습니까? 모두 가이 솔루션에 대해 어떻게 생각하십니까?
<head></head>태그 내에서 :
<!--[if lt IE 9 ]>
<script src="/path/to/modernizr.js"></script>
<![endif]-->
</head>
</body>태그 끝 전 :
<!--[if gt IE 8]><!-->
<script src="/path/to/modernizr.js"></script>
<!--<![endif]-->
</body>
이로 인해 IE8 이하의 경우 Modernizr가 헤드에로드되고 다른 브라우저의 경우 먼저 먼저로드됩니다.
장단점에 대한 공개 토론은 의견에 환영합니다.
참고 URL : https://stackoverflow.com/questions/6272702/should-modernizr-file-be-placed-in-head
'ProgramingTip' 카테고리의 다른 글
| NSString의 마지막 문자를 확인하는 방법 (0) | 2020.11.29 |
|---|---|
| NSString의 마지막 문자를 확인하는 방법 (0) | 2020.11.29 |
| 기본 Python 클라이언트 소켓 소켓 (0) | 2020.11.29 |
| Python의 for 루프에서 목록 요소를 제거하는 방법은 무엇입니까? (0) | 2020.11.29 |
| 편집 할 수 없어야하는 EditText 안에 상수 텍스트 삽입 -Android (0) | 2020.11.29 |