웹 성능 : 먼 시작 렌더링 시간

Question

왜 지금까지 렌더링 시작 시간이 있습니까?

CSS와 JS를 다운로드 할 때 브라우저가 렌더링을 기다리는 이유는 무엇입니까?

내 결과 : 조언에 대한 https://www.webpagetest.org/result/170518_GZ_13B6/ 또는 https://www.webpagetest.org/result/170518_4Q_13B9/

감사합니다! :-)

Answer 1

가장 중요한 것은 HTML 문서의 크기입니다. 압축되지 않은 약 500KB이고 거의 5000 개의 DOM 요소가 있습니다. 귀하의 CSS와 JS는 거대한 있습니다 : https://www.webpagetest.org/result/170518_GZ_13B6/1/breakdown/

그래서 나에게 보인다 브라우저가 처음에 필요하기 때문에 신속하게 페이지를 렌더링 할 수 없다는 :

• 부하와 DOM을 생성 및 CSS
• 부하 KB HTML
• 로드 500과 500 KB 파싱 JS
1.4 MB
• JS를 (실행 파싱 고체 ~ 400 혼자 MS)
• 리플 로우와 JS를 기반으로 콘텐츠를 재 레이아웃/CSS

당신은 브라우저의 뷰포트 내에서 컨텐츠를 포함하고 페이지 끝날 때까지 불필요한 스크립트/스타일/마크 업을 연기하여 초기 페이지로드의 우선 순위를 수 잔뜩.