- [Instructor] With a navigation timing API,…we can also get a list of timings.…And on Level One, we get those timings…through performance.timings.…That will give us object…with a lot of properties inside with timestamps.…These timestamps will be from January 1970.…So it looks like this.…So you can go now and open any website,…open the console, and type performance.timing,…and you will see an object…that will have a lot of big numbers,…like in this case, those are timestamps,…using Unix timestamp in milliseconds.…
Let's see each timing one-by-one.…When you start the navigation,…I mean, you are going to a URL,…the browser first fires a navigationStart.…NavigationStart doesn't mean yet the network.…In this case, it's doing some kind of preparations.…Preparations might be involved, for example,…AppCache, that's a deprecated offline solution…and also unloading previous pages…or process a redirect.…In that case, you will see that, also,…there are a couple of optional timings…where you're going to see some information…
- Understanding the Performance APIs
- Navigation Timing
- Calculate milestones in the Performance Timeline
- Measuring the timing of navigation, resources, servers, and more
- Reading network and device information
- Optimizing code
Skill Level Advanced
Designing Websites for Performancewith Brian Wood43m 32s Appropriate for all
1. Reactive Web Performance
2. Performance Basics
3. Measure Performance
4. Decision-Making Helpers
5. Execute Code More Efficiently
Next steps1m 31s
- Mark as unwatched
- Mark all as unwatched
Are you sure you want to mark all the videos in this course as unwatched?
This will not affect your course history, your reports, or your certificates of completion for this course.Cancel
Take notes with your new membership!
Type in the entry box, then click Enter to save your note.
1:30Press on any video thumbnail to jump immediately to the timecode shown.
Notes are saved with you account but can also be exported as plain text, MS Word, PDF, Google Doc, or Evernote.