그래서 Google 스크롤바 위의 스크립트를 연기하려면 Google PageSpeed 권장 사항을 따르고 있습니다. 의이 내 <head>
에서 코드입니다 가정 해 봅시다 : 그것은 jquery.js
로드 및 functions.js
전에 실행하는 것이 중요합니다 그래서async와 defer를 사용하여 스크립트를 순서대로로드하십시오.
<script src="/js/jquery.js"></script>
<script src="/js/functions.js"></script>
functions.js
스크립트 jQuery를에 따라 달라집니다. 내가 뭘하려
:
<script src="/js/jquery.js" defer></script>
<script src="/js/functions.js" defer></script>
이 작동하고 나는 그것을 볼 페이지가 깜박로드 할 때 CSS가 아직로드되지 것처럼 functions.js
이 제대로 실행됩니다 동안
연기. 위의 코드는 <head>
에 있습니다. jquery.js
에서 defer
속성을 제거하면 깜박임이 사라집니다. 그건 내 질문에 날 리드 :
혼합
<script src="/js/jquery.js" async></script>
<script src="/js/functions.js" defer></script>
그들은 항상 순서대로 실행됩니다 종속 스크립트에 의존 스크립트에 async
및 defer
를 사용하여 보장합니까? 내 테스트에서 작동하는 것 같지만 파서가 어떻게 작동하는지 충분히 알지 못합니다. 파이어 폭스에 때때로 크롬에