브라우저로드가 끝날 때까지 브라우저가 대기하는 이유는 무엇입니까?

Question

아무도 그 공간 (?으로 표시)이 왜 있는지 설명 할 수 있습니까? 그들은 페이지 로딩을 지연하고 있습니다. 페이지/스크립트 구문 분석 시간이 될 수 있다고 생각했지만 ~ 350ms는 단순한 페이지에서 너무 많이 보입니다. 좋아, 대본이 많지만 여전히 많이 보인다.

무엇이 될 수 있습니까?

Answer 1

내 생각은 자바 스크립트 로딩 문제라는 것이다. defer 속성을 사용하여 JavaScript 로딩을 취소해야합니다. 그러면 자바 스크립트 코드를 실행하기 전에 페이지가로드됩니다.

브라우저가 단일 스레드이므로 스크립트 태그를 발견하면 스크립트를 다운로드하고 구문 분석 할 때까지 다른 프로세스를 중지합니다. 마지막에 스크립트를 포함시킴으로써 브라우저는 불필요한 지연없이 모든 페이지 요소, 스타일 시트 및 이미지를 다운로드하고 렌더링 할 수 있습니다. 또한 브라우저가 스크립트를 실행하기 전에 페이지를 렌더링하면 모든 페이지 요소를 검색 할 수 있습니다.

는 http://www.hunlock.com/blogs/Deferred_Javascript 및 http://blog.fedecarg.com/2011/07/12/javascript-asynchronous-script-loading-and-lazy-loading/

Answer 2

헤더 섹션에서 CSS인가를 참조하십시오?

그렇지 않으면 브라우저가 리소스를로드하기 전에 꽤 오래 기다릴 수 있습니다.

두 번째 추측은 어떤 이유로 든 자바 스크립트가 페이지로드를 차단한다는 것입니다. 로드 직후에 DOM 조작이 있습니까? 또한 자바 스크립트는 페이지 하단에 있으며 마지막에로드됩니까? 그렇지 않으면로드가 차단 될 수 있습니다.