YouTube

Got a YouTube account?

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

Korean subtitles

← Exploring Timeline Traces - Website Performance Optimization

Get Embed Code
6 Languages

Showing Revision 7 created 04/14/2016 by nc_review1.

  1. 보시다시피, 저는 제 폰에 검색 페이지를 열었고요
  2. 타임라인으로 가서 트레이스를 기록해봅시다
  3. 자, 여기 뭐가 있는지 볼까요?
  4. 첫번째로, HTML 요청에 대한 이벤트를 볼 수 있죠
  5. 그리고 서버의 응답과 응답 이벤트를 볼 수 있어요
  6. 거기서 HTML이 들어오고
    이 방법으로 각각의 부분을 파싱합니다
  7. 데이터를 토큰화하고, 토큰을 노드로 변환하고
    DOM 트리를 만들죠
  8. >> 흠, 멋지네요
  9. 그러니까 타임라인은 브라우저가 페이지를 로딩하면서
    어떠한 일을 하는지 매우 낮은 수준에서 보여주는 군요
  10. >> 네 정확해요, 이걸 처음부터 보기는 벅찰 수 있어요
  11. 여기에는 많은 이벤트가 있죠
    하지만 걱정 마세요
  12. 우리는 그 이벤트들의 대부분을 배울 것입니다
  13. 트레이스 몇 개를 기록하고 경험해보는 게 좋겠네요
  14. 좋아하는 사이트 몇 개를 골라서
    트레이스를 기록해보세요
  15. 그리고 어떤 흥미로운 패턴이 있는지 살펴보고
  16. 완료 후엔 이 체크박스를 클릭해서
    계속 진행해보세요