Internet Explorer 7에서 웹 페이지를 점진적으로 렌더링

Question

일부 웹 페이지의 페이지로드 시간에 대한 사용자의 인식을 개선하려고합니다. 이 웹 페이지는로드 및 렌더링을 완료하는 데 약 5 초가 걸립니다. 전반적인 시간은 괜찮습니다. 하지만 링크를 클릭하여 페이지를로드하면 약 4.5 초 동안 아무것도 일어나지 않고 전체 페이지가 한 번에 나타납니다. 링크를 클릭 한 후 아무 일도 일어나지 않는지 궁금해지기 때문에 사용자 경험을 망칠 수 있습니다.

내가 알기에 브라우저는 페이지의 일부를 렌더링하는 데 사용할 수있는 자원으로 웹 페이지를 점진적으로 렌더링해야합니다. 내가 YSlow에 의해 추천 한 것으로 보이는 한가지는 CSS에 머리를 넣고 끝 부분의 body 태그 근처에 자바 스크립트를 넣는 것입니다. 가능한 한 페이지 끝 부분에 넣으십시오. 나는이 일을했지만 페이지 렌더링의 초기 부분을 보지 않고 자바 스크립트가로드 될 때까지 일시 중지합니다. 이 이론은 이해할 수 있듯이 모든 CSS가로드되면 페이지가 점진적으로 렌더링되기 시작합니다. 또한 자바 스크립트가 실행되거나 다운로드 될 때 페이지가 렌더링을 일시 중지한다는 것을 이해합니다.

IE의 프로그레시브 렌더링, 특히 IE7에 어떤 영향을 줄 수 있습니까?

Answer 1

첫 번째 단계는 네트워크 측에서 진행되는 작업을 이해하는 것일 수 있습니다. Fiddler과 같은 도구가 도움이 될 것입니다. 귀하의 경우 Timeline display이 좋은 출발점이되어야합니다.

Answer 2

1. 닫히지 않은 태그가 있는지 확인하십시오.

2. 모든 이미지의 너비 및 높이 속성을 확인하십시오.

Answer 3

페이지가 현재로드 중 상태 인 링크를 클릭하면 사용자에게 알림을 표시하지 않는 이유는 무엇입니까?

이 작업을 수행 할 수 있습니다

window.onbeforeunload = function(e){ document.body.innerHTML='loading...';/*or even a better content/* };

Answer 4

나는 자바 스크립트 (특히, 일부의 jQuery 셀렉터가) 일을 둔화 및 렌더링에서 페이지를 방지 한 것을 알아 냈다. 먼저 동일한 요소를 반복적으로 선택하는 코드를 제거하여 jQuery 코드를 최적화했습니다. 그런 다음 코드를 $ .ready로 이동하여 페이지가로드 된 후 실행되도록합니다. 전반적으로 페이지로드 시간이 2 초 늘어 났고 점진적으로 페이지를 더 많이로드 할 수있게되었습니다.

Answer 5

페이지의 플래시 비디오 때문에 같은 부하 문제가 있습니다. 누군가가 내게 왜 오 세상에 왜 파이어 폭스처럼 멋지게 페이지를로드 할 수 없다는 것을 말해 주겠습니까 ???

오늘 업무가 중단되면, 내가 소비 한 모든 시간과 일과 밤이 끝날 것입니다.

2009 년 웹 마스터의 요구에 부응하여 페이지를로드하는 방식을 변경하는 것이 좋습니다.

java 스크립트를 사용하는 경우 java가없는 사용자에게는 공백이 표시됩니다.