- [Instructor] So far, we are measuring…the main navigation load, as well as…information about each of all our resources,…but sometimes, we want to measure a specific things that are…up to our app, they are not available on other apps.…For example, in this case, the weather.…Let's open, again, the console drawer from the menu…and enable the network throttling.…If I go to Fast 3G and reload, pay attention…to the weather information.…
That way, information takes some time,…because it goes into an API, and that API,…it's asynchronous, so it might take time.…So, how can we measure that time?…For that situation, we have another aspect…known as user timing API.…With user timing API, we can create our own marks…in the timeline, that then, we can read,…with the same performance time on API that we're used to,…such as getEntriesByType.…
Going back to the code, the first step is to do the marks.…In our case, we have a weather.js file in the project…that is making a lot of fetches to an API…reading the information from three figures.…
- 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 Intermediate
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.