2017-10-27 5 views
0

그래서 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> 

그들은 항상 순서대로 실행됩니다 종속 스크립트에 의존 스크립트에 asyncdefer를 사용하여 보장합니까? 내 테스트에서 작동하는 것 같지만 파서가 어떻게 작동하는지 충분히 알지 못합니다. 파이어 폭스에 때때로 크롬에

답변

0

예를 ..

사양은 순서로로드됩니다 말하지만, 파일은 내가 당신을 권하고 싶지 않다, 그래서 처음 실행 다른 전에 다운로드가 완료 그래서 만약 실행되지 다운로드 의미로드 지연 또는 비동기 속성을 사용하여 실행 순서에 따라 달라짐