YouTube

Got a YouTube account?

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

English subtitles

← Exploring Timeline Traces - Website Performance Optimization

Get Embed Code
6 Languages

Showing Revision 5 created 05/25/2016 by Udacity Robot.

  1. As you can see, I have a search page open
  2. on my phone. Let's go to Timeline and record a
  3. trace. Okay. Now, let's take a look at what we
  4. have here. First, notice that we see an event for
  5. the HTML Request. Then, the server responds and we get
  6. the Response event. From there, the HTML is streaming in
  7. and the parse is processing each chunk, by following the
  8. same steps we just described. Tokenizing the data, converting tokens
  9. into nodes, and building a [UNKNOWN].
  10. >> Hm. Nice. So the timeline gives us a pretty low
  11. level view into what the browser's doing as it loads a page.
  12. >> Yes, exactly. And it can be a bit overwhelming at first. There's a lot of
  13. different events in here. But don't worry, we're
  14. going to cover most of them. That said, I think
  15. it's a good idea for you to just try and record a few different traces on, on
  16. your own. Pick a couple of favorite sites,
  17. record a few traces. See if you can spot
  18. some interesting patterns. Once you're done,
  19. click this checkbox, to hit continue.