<iframes>을 수행하고 이미지를 AJAX 지연 window.onload를 통해로드합니까?

Question

나는 window.onload 이벤트를 더 빨리 만들어서 Google이 내 페이지가 더 빨리로드 될 것이라고 생각하도록합니다 (이는 window.onload에 도달하는 데 걸리는 시간이 기본적으로 사용자 관점과 관련이 없기 때문에 실망 스럽지만 나는 빗나간다)

그러나 나는 onload 이벤트를 지연시키는 것을 모른다. 구체적으로 :

1. 내 페이지의 Facebook 즐겨 찾기를 에로드하면로드가 onload 이벤트를 지연 시키나요? likebox iframe이 많은 프로필 사진을로드해야한다면 어떨까요? 부하가 완전히로드 될 때까지 기다리지 않습니까?
2. 문서 준비가 완료되면 HTML Blob에 대한 비동기 AJAX 요청을 수행하여 페이지에 삽입한다고 가정합니다. 이 HTML BLOB에 <img> 태그 묶음이 들어 있으면 onload 이벤트가로드 될 때까지 기다릴 것입니까?

일반적으로 브라우저는 onload 이벤트를 발생시키는시기를 어떻게 알 수 있습니까? 어떤 종류의 것들이 온로드를 차단하고 어떤 종류의 것들은 차단하지 않습니까?

Answer 1

a) window.onload은 "무게"페이지를 줄이는 것 외에는 제어 할 수 없습니다. 브라우저가 이벤트를 선언 할시기를 결정합니다.

b) JavaScript는 JavaScript를 파싱하지 않기 때문에 window.onload 이벤트에 대한 단서가 없습니다.

1) XFBML 버전의 버튼과 Facebook JavaScript SDK (http://developers.facebook.com/docs/reference/javascript/FB.init/)의 비동기 적로드를 사용하여 Facebook 페이로드를 완전히 제거 할 수 있습니다. JavaScript가 활성화 된 경우에만 작동합니다.

2) 웹 페이지의 무게를 크게 늘려야하는 모든 것은 비동기 적으로로드해야합니다. 가급적이면 window.onload 이벤트가 발생한 후에해야합니다.

Answer 2

폭포, 불꽃 또는 크롬 검사기에서 iframe 및 ajax 호출이 onload 이벤트에 영향을줍니다. 나는 페이스 북이 사이트를 상당히 느리게하는 유사한 문제에 부딪쳤다. 예, 웹 마스터 도구에서 페이지로드 시간을 보면서 지연 시간을 보여줍니다.

내 솔루션은 페이지가 완전히로드되었을 때 페이스 북 iframe을 동적으로 추가하는 것이 었습니다. 그리고 아약스 호출에 대해서, 나는 그들을로드 할 때만 트리거합니다.

내 페이지로드 시간이 임베드 된 facebook iframe에서 7 초에서 2.6 초로 동적으로 추가되었습니다.