YouTube

Got a YouTube account?

New: enable viewer-created translations and captions on your YouTube channel!

Korean subtitles

← 03-01 Optimizing the DOM

Get Embed Code
6 Languages

Showing Revision 9 created 03/16/2016 by nc_review1.

  1. 좋아요, 이제 재미있는 것을 해볼 시간이네요
    지금 최적화를 시작할 수 있나요?
  2. 그래요, 렌더 트리 생성 전단계에만
  3. 집중해보도록 하죠, 그러니까 DOM과 CSSOM에요
  4. 왜냐하면 DOM과 CSSOM은
    여러분들의 페이지가 느리게 렌더링 되도록
  5. 만드는 가장 큰 주범들이에요
  6. 음, 우리는 이전에 DOM 생성을 시작할 수 있도록
  7. 최대한 빨리 HTML을 넘겨주는 것을 얘기했는데요
    이 외에 무엇이 있나요?
  8. 그것도 분명 큰 방해물이죠, HTML의 크기는 어떨까요?
  9. 흠, 생각해보면
  10. HTML의 크기를 최소한으로 유지해야 할 것 같네요
  11. 맞아요, 그것도 하나의 방법입니다
  12. 이 방법을 도와줄 몇 개의 전략들을 보도록 하죠
  13. 앞에 있는 HTML 파일을
    최적화하고 싶다고 해봅시다
  14. 첫 번째로 알아야 하는 것은 여기에 CSS 주석들과
  15. HTML 주석들 그리고
    자바스크립트 주석들이 있다는 것이죠
  16. 이 주석들은 개발자들에게는 매우 도움이 됩니다
  17. 하지만 브라우저가 이 주석들을 만났을 때
    무엇을 할지 생각해보세요
  18. >> 무시하겠죠
  19. >> 정확해요, 브라우저로 이 주석들을 보내줄 이유가 없죠
  20. 우리는 이 파일을 최소화하고 크기를 줄일 수 있어요
  21. 최소화에 대해 좀 더 알고 싶다면
    instructor note를 확인해보세요
  22. 또한 최소화가 끝나면, 여러분은 파일을 압축하고
  23. 브라우저에 의해 캐싱 되도록 해야 합니다
  24. 다시 말씀드리자면, instructor note를 확인하세요