Html5-boilerplate: jQuery 로컬 폴백 : Chrome은 더 이상 느린 연결에서 document.write를 통해 스크립트를로드하지 않습니다.

@roblarsen 문제를 열어 주셔서 감사합니다. 포함 된 모든 스크립트에 defer 를 추가하면이 문제를 해결할 수 있을지 궁금합니다.

'async'또는 'defer'속성이있는 스크립트는 계속 실행됩니다.

같은 것

<script defer src="https://code.jquery.com/jquery-1.12.4.min.js"></script>
<script defer>window.jQuery || document.write('<script defer src="js/vendor/jquery-1.12.4.min.js"><\/script>')</script>
<script defer src="js/plugins.js"></script>
<script defer src="js/main.js"></script>

그만큼

<script defer>window.jQuery || document.write('<script defer src="js/vendor/jquery-1.12.4.min.js"><\/script>')</script>

일종의 defer 시작과 같습니다. 작동하는 것 같지만 올바른지 확실하지 않습니다.

흠 ... 또는 jquery 스크립트가 비동기 일 수 있고 플러그인 및 기본 스크립트가 지연 될 수 있습니다. 물론 jQuery 후에로드되는지 확인해야합니다.

@jpdevries Google Analytics가 사용하는 것과 같은 최신 DOM 인터페이스 (parentNode.insertBefore)를 사용하도록 include 스크립트를 다시 작성하는

결정을 내리는 데 도움이 될 수있는 관련 토론 :

• / r / 프로그래밍
• / r / javascript
• / r / webdev

@FagnerMartinsBrack 링크 주셔서 감사합니다. reddit에 대한 귀하의 스레드가 상황을 명확히하는 데 도움이되었습니다. 교차 출처 조건이있는 한 걱정할 것이 없습니다.

제 생각에는 연기 전략이 최선의 선택입니다. jQuery와 같이 최대한 빨리 준비되어야하는 스크립트의 경우 비동기를 전혀 좋아하지 않습니다. WICG / 개입 스레드에서 장기 구현을 제안했습니다 ...

@jpdevries '지연'코드에는 두 가지가 있습니다.

1. 인라인 <script> 지연은 WHATWG에서 더 이상 사용되지 않습니다. 주어진 불충분 한 이유는 아무도 그것을 사용하지 않았기 때문입니다 ... 진정한 절름발이 이야기지만 슬프게도 일어났습니다 .... 그래서 defer 시작은 작동하지 않습니다. :(
2. '지연'실행 순서는 IE 8-9에서 버그가 있습니다. 그리고 IE 9-10에서 '대화 형'이벤트가 너무 일찍 발생하여 '지연'스크립트 실행에 영향을 미칠 수있는 문제가있었습니다. 나중에는 우회 할 수 있습니다. 그러나 그것은 '대화 형'을 올바르게 트리거하기위한 해킹과 하단 인라인 스크립트를 포함합니다. 따라서 defer 사용하는 공용 상용구의 조건은 주로 IE10 사용이 죽기를 기다리고 있습니다.

@hexalys 😭 저는 로컬 폴 백이있는 h5bp 스타일 CDN과 같은 것에 대해 지연 시작을 사용하거나 polyfill과 같은 것을 포함하기 전에 기능 감지를 수행했습니다. 그것은 안타까운 일입니다!

폐쇄! 우리는 안전합니다!

@roblarsen 오 대단해! Chrome이 결정을 되돌 렸습니까? 나는 정말로 ❤️이 패턴 때문에 우리가 왜 안전한지 궁금합니다.

@jpdevries 요청이 교차 출처 일 때만 트리거되므로 괜찮습니다. 결국 로컬 폴백입니다.