- [Instructor] I'm back in the project,…in this case, in 03_07, Begin,…and we have already talked about Long Task API…and there is a new one coming,…but it's not yet available at the time…of shooting this video in any browser.…But, it's in development in Chrome and many others.…There isn't a standard in W3C so it will be available.…It's called the Frame Timing API.…That API will let us detect frame rate drops.…
So we know that to create a consistent animation,…typically we want to have 60 frames per second.…And sometimes our transcript code,…or too many CSS styles will harm that frame break.…While the browsers will start warning us…when we are dropping a frame,…so we are not consistently providing 60 frames per second.…This works very similar to Long Task API,…so we need to create in this case…an observer, frameObserver.…
We are going to create the PerformanceObserver again,…so it's pretty similar to the previous example.…I'm going to try to do this because it's not yet available,…and we don't want to get an exception.…
- 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.