기본적으로 하나의 대형 페이지 인 사이트가 있습니다. 플립 북 (powered by jQuery Booklet Plugin)은 50 페이지가 있으며 각 페이지에 아트 워크가 있습니다. 이 페이지의 크기는 6 - 7MB 사이입니다. 이것은 약간 크고 느린 연결은 페이지를로드하는 데 시간이 걸릴 수 있습니다. 나는 (따라서 여러 개의 작은 페이지) 여러 범주로 책을 깨는로 찾고 있지만, 그 동안 나는이 두 quesitons 있습니다대용량 페이지로드 처리
을 어떤 콘텐츠를 많이 가지고 페이지의로드를 처리 할 수있는 가장 좋은 방법은 ?
대형 사이트는 어떻게 이러한 문제를 처리합니까?
참고 : I 수 없습니다 페이지의 이미지에 대한 사용 스프라이트.
이미지를 게으른로드 할 수 있습니다 (http://www.appelsiini.net/projects/lazyload) - 이미지가 페이지에 표시 될 때까지 요청되지 않습니다.
또 다른 옵션은 소책자 스크립트에서 change 이벤트를 사용하여 AJAX를 사용하여 해당 페이지의 콘텐츠를로드하는 것입니다. 이 방법은 모든 콘텐츠가 처음에 다운로드 될 필요는 없지만 클라이언트 측에서 페이지를 변경할 때 약간 지연 될 수 있습니다. "끝없는"(예를 들어, 페이스 북 등) 스크롤와
$(".selector").booklet({
change: function(event, data) { ... }
});
대부분의 대형 사이트에만 부하가 필요한 더 많은 콘텐츠를 AJAX를 사용합니다.
Kraken과 같은 이미지 최적화 도구로 이미지 파일을 압축 해보십시오. http://kraken.io/