스택 오버플로 및 프로그래밍에 익숙하지 않으므로 어색한 표현을 용서해주세요!사이드 스크롤링 웹 사이트를 빠르게로드하는 가장 좋은 방법은 무엇입니까?
그래픽이 풍부하고 크기가 680x9400px 인 사이드 스크롤링 웹 사이트를 구축 중입니다. http://sursly.com과 유사한 멋진 사이드 스크롤링 효과를 만들기 위해 자바 스크립트 및/또는 mootools를 사용할 것입니다.
나는 웹에서 사용되는 모든 이미지를 최적화하고 있지만 페이지 로딩 속도를 높이는 방법에 대해 다른 사람이 알고 있는지 알고 싶습니다. 예를 들어 수평 섹션에 사이트를 미리로드 할 수있는 방법이 있습니까?
미리 감사드립니다.
jQuery Lazy Loading Plugin과 같은 것을 사용하면 보이는 이미지 만로드되므로 인식 속도를 높일 수 있습니다. 그래서 그들은 화면 이미지와 경쟁하지 않을 것입니다.
아마도 mootools를 사용하고있을 것입니다.하지만 비슷한 것이 없으면 놀랄 것입니다.
Sursly 사이트의 대부분의 그래픽이 순수한 흑백임을 유의하십시오. 파일을 최적화하여 파일을 최적화 할 수 있으므로 사이트가 훨씬 빠르게로드됩니다.
저는 Past One의 대답에 동의하지만 약간 수정할 것입니다. 필요에 따라로드하는 대신 가능하면로드하십시오. 즉, 처음에는 첫 페이지 만로드합니다. 로드 된 다음 두 번째로드하고 세 번째로드합니다.
아직로드하지 않은 파트를 추적하고로드되지 않은 "페이지"가 요청 된 경우 "기다려주십시오"기호를 표시하고 해당 페이지를 우선 순위 큐로 올리십시오.
검색 엔진에서 색인을 생성하는 데 관심이 있다면이 방법을 사용하십시오.
Google지도처럼이 작업을 수행하는 대부분의 웹 사이트가 수행합니다. 그들은 세상을 (또는 귀하의 경우에는 가상의 측면 스크롤 페이지) 타일로 나눕니다. 사용자가 스크롤 할 때 AJAX는 다음 타일을로드하는 데 사용되며 사용자가 현재 보이는 타일의 가장자리에 도달하면 표시됩니다.
원하는 경우 각면에 아직 보이지 않는 타일을 두 개 이상로드 할 수 있지만 더 나은 사용자 환경을 위해 더 많은 클라이언트 측 메모리가 필요합니다.