- [Instructor] Now that we know how to track…and get all the available performance timeline information,…it's time to see some APIs that will help us into making…decisions about the current situation…to improve user experience.…Let's start talking about the Network Information API.…It's available on some browsers only.…Unfortunately, there are different versions…of the specs out there.…Let's say, a 90% of the browsers supporting this API…are currently using the latest spec,…but we might have users with older spec,…so we need to create some conditionals there.…
It's available in the navigator object,…that means it's on Windows, so in the normal context,…and also in web workers context.…It's using decimal units to get the information…about the current bandwidth, for example.…Decimal units means that 1 Kilobyte…it's 1000 bytes.…To use the API, we just need to access navigator.connection…and we can se there are several properties that we can read,…such as type, downlink or saveData.…Let's see these properties one by one.…
- 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.