PHP 페이지의 데이터베이스에서 "Lazyloading"정보를 절차로 표시합니다.

Question

적절한 지연로드는 일반적으로 객체와 프록시 패턴을 사용해야한다는 것을 알고 있습니다. 나는 사이트가 약간의 재 설계를 필요로하기 때문에 아직 거기에 없다. 그러나, 내가 DB 데이터를 페이지에 스풀링하고 약간의 로딩 속도를 향상시킬 수있는 방법이 있습니까?

Answer 1

이것은 AJAX로 달성 할 수 있습니다.

페이지를 처음로드 할 때 무거운 내용이있는 위치에 자리 표시자를 넣으십시오. 예를 들어 div에는 독특한 스타일과 애니메이션 이미지가 포함되어있어 방문자가 더 많은로드가 진행되고 있음을 명확하게 알릴 수 있습니다. ajaxload.info에서 친숙한 AJAX 로딩 이미지를 생성 할 수 있습니다.

페이지 하단에 AJAX를 사용하여 추가 콘텐츠를로드하는 데 필요한 함수를 호출하거나 바인딩하는 스크립트가 있습니다. 예를 들어, AJAX 호출을 jQuery의 .ready()에 바인딩하여 문서의 나머지 부분이 준비되는 즉시로드를 시작하거나 사용자가 특정 요소를 스크롤 할 때 .scroll()을 시작할 수 있습니다 (예 : 페이지에서 특정 '랜드 마크'를 지나치는 경우 콘텐츠 블록).

당신이 (바람직하게는 문자열 형태로 HTML로 미리 포맷) 추가 컨텐츠는 AJAX .innerHTML =를 사용하여 응답 또는 jQuery의 .html()으로 자리 div의 내용을 대체 들어있는 AJAX 응답을받을

. 필요한 경우 setAttribute("class","newClass") 또는 jQuery의 .attr("class","value")을 사용하여 div의 스타일을 CSS 클래스로 바꿉니다.

방문자는로드하는 동안 전체 페이지를보고 스크롤 할 수 있습니다. 추가 콘텐츠는 방문자의 탐색 경험을 방해하지 않고 준비가되면 나타납니다. 콘텐츠 삽입 후 전환 효과를 적용하여 눈을 약간 더 멋지게 만들 수 있습니다. 콘텐츠를 가져 오기 위해 AJAX를 사용하는 방법에 대한 몇 가지 추가 예제가 필요한 경우

비동기 고전 자바 스크립트 접근 또는 jQuery .ajax() docs에 대한 these를 보라.

Answer 2

JavaScript를 사용하면 기본 페이지가로드되는 즉시 추가 데이터를로드 할 수 있습니다. 이렇게하면 기본 페이지에서 페이지의 구성 요소를 요약하고 더 많은 데이터가로드되고 있음을 나타내는 "회 전자"를 표시 한 다음 자바 스크립트로로드하여 더 많은 데이터를 얻을 수 있습니다.