프리 로더를 사전로드하는 두 가지 일반적인 방법은 일반적으로 XHR과 동적으로 노드를 삽입합니다. 노드의 동적 삽입은 가장 간단하고 광범위한 비동기 로딩 방법입니다. 그런 다음 노드의 동적 삽입을 사용하여로드 된 파일이로드 직후에 실행됩니다. 한편으로, JavaScript의 실행은 브라우저의 JS 실행 프로세스를 차지하고 다른 한편으로는 페이지 구조를 변경할 수도 있습니다. CSS의 실행은 전체 페이지를 변경할 가능성이 높습니다. XHR 메소드는 스크립트를 실행하지 않지만 동일한 도메인의 제한 때문입니다.
게으른 로더 방법은 사진이 많은 일부 웹 사이트에서 매우 유용합니다. 브라우저의 시각적 영역 외부의 이미지는 사용자가 페이지를 해당 위치로 스크롤 할 때까지로드되지 않습니다. 이렇게하면 많은 그림이있는 더 긴 웹 페이지의 경우 더 빠르게로드하고 서버 대역폭을 저장할 수 있습니다. 이 기능을 구현하기 위해 jQuery 플러그인에 플러그인도 있습니다.
이 기술은 Tencent의 QQ 공간과 Weibo에 사용됩니다. 많은 방문이있는 웹 사이트에서 서버에 대한 압력을 상대적으로 줄일 수 있으며 사용자가 보는 영역과 아래의 내용에 액세스 할 때만 요청이 이루어집니다. 전통적으로 전체 페이지를 한 번에 다운로드하는 대신 다운로드 프로세스 중에 컨텐츠가 제시되기를 기다리는 사용자가 있습니다.
즉, 예압 파일에 새 Image (). SRC를 사용하십시오.
다른 브라우저는 Docleartically를 동적으로 삽입하여 LOAD를 완료하기 위해 CreateElement.CreateElement ( 'Object') 태그를 사용합니다.
설명 :
1. 새로운 Image (). SRC를 FF에서 사용할 수없는 이유는 FF가 이미지에 대한 별도의 캐시 세트를 구현하기 때문입니다. 동시에 Safari와 Chrome도 캐시되지 않는 것 같습니다.
2. 동적으로 객체 태그를 트리거 로딩하려면 비 헤드 부분에 삽입해야합니다.
3. IE7 IE8은 동적 객체를 사용하여 일부 코드를 통해 파일을로드 할 수 있습니다.