HTML5 프리렌더/프리 페치가 작동하지 않습니다. (진보적 인 커튼과 유사한 다운로드/전환이 발생합니다.)

Question

웹 프로젝트에서 작업 중이며 웹 페이지를 짝수 전환으로로드하고 싶습니다. 지금 당장 얻을 수있는 것은 사진과 배경을 커튼과 같은 방식으로 다운로드하는 것입니다. 나는 그것이 즉시 적재 될 때 모두 나타나기를 원한다.

진도 표시 줄이나 커튼과 같은 방식이 아닌 것은 괜찮습니다.

내가 프리 페치/사전 렌더링 HTML 5의 태그를 사용하지만 성공 .. 여기 방문 : 다음 http://hellenic-jewls.com/ 와 내 이미지가 점진적으로 커튼처럼 다운로드 있는지 다른 웹 페이지로 가져보십시오 : 예를 들어, http://hellenic-jewls.com/classical/ 물론 웹 페이지가 캐시 될 때 괜찮습니다.

Answer 1

HTML5 프리렌더/프리 페치가 그렇게 작동하지 않습니다. 당신은 그 페이지가 다음에 방문 될 것이므로 prerendered라고 생각하는 것을 브라우저에 알리기 위해 그것들을 사용합니다. 그러나 이것이 일어날 것이라는 보장은 없습니다 ... 페이지를 미리 렌더링 할 것인지 결정하는 것은 브라우저의 몫입니다.

또한 한 번에 한 페이지 만 미리 렌더링됩니다. 당신이 할 수있는 일

는

를, 이미지가로드 될 때 신호를 https://github.com/desandro/imagesloaded 같은 스크립트를 사용하여 (원하는 경우 페이드 전환 포함)하는 당신이 이미지를 보여줄 수있는 점, 이미지를 숨길 수 있습니다