- [Instructor] We have already seen that in the navigation…time in API we have a lot of performance entries…or timings available.…While we can get information from each timing alone,…it's important to try to analyze…the information not just one by one…but making some calculations…between this navigation matrix.…For example if you want to know the time cue first byte…so that is from when the request started…to when the first byte came to the client.…
We can take responseStart…and fetchStart if we calculate the difference…between both matrix we will know exactly the time…that was necessary to receive the first byte.…There you will have DNS query times,…you will have TCP latencies,…SSL latency and your server time.…So when you have an infrastructure issue…you might see that time to first byte is really big.…
Typically we are looking for a time a time to first byte…of around 600 milliseconds on an average connection.…Then we have the download part.…So here we are going to see the bandwidth of the user.…If we take response to start and response end…
- 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.