Korean subtitles

← Cameron Analyzes Example 2 - Website Performance Optimization

Get Embed Code
6 Languages

Showing Revision 4 created 03/27/2016 by nc_review1.

  1. 전 2번 예제를 하기로 했습니다
  2. 첫 번째로, 페이지를 요청하고 HTML을 받기 시작합니다
  3. 바로 그것을 파싱하기 시작하고 DOM을 생성하죠
  4. 그리고 두 개의 스타일 시트를 만납니다
  5. style.css와 print라는 미디어 쿼리를 가진 print.css이죠
    우리는 인쇄를 하지 않으므로
  6. print.css는 크리티컬 렌더링 패스의 부분이 아니죠
  7. style.css에 대한 요청만 보내면 됩니다
  8. 그리고 DOM 파싱을 계속합니다
  9. body의 마지막에 두 개의 스크립트 태그를 맞닥뜨리게 되죠
  10. 하나는 app.js이고 다른 하나는 analytics.js이죠
  11. analytics.js는 비동기적이므로
    크리티컬 렌더링 패스의 일부가 아닙니다
  12. CSS가 도착하고 CSSOM이 만들어지기를 기다리는 동안
  13. app.js에 대한 요청을 하고
  14. DOM 생성을 중지합니다
  15. 이제 CSSOM을 가지게 되면
    자바스크립트 엔진이 다시 돌아가고
  16. app.js를 실행하고
    DOM 생성을 마치고 페이지를 렌더링하죠
  17. 그리 어렵지 않군요