Overview
-
Make the web faster and better. Learn how to use vanilla JavaScript and the Performance APIs to measure and optimize the performance of your websites and applications.
Syllabus
-
Introduction
- Optimize APIs with JavaScript
- What you should know
- The need for web performance APIs
- Summary of what we can do
- Real user monitoring (RUM) and reactive web performance
- Measure time
- High-resolution timings
- Navigation Timing Level 1
- Understand timings available
- Calculate milestones in the timeline
- The Performance Timeline interface
- Navigation Timing Level 2
- Measuring our websites
- Add the Navigation Timing API
- Use the Resource Timing API
- Create custom user timing
- Get paint timing
- Detect long tasks
- Detect frame rate drops
- Add server timing information
- Read network information
- Read device memory
- Save data for your users
- Receive client hints on the server
- Send low-priority requests with beacons
- Understand frame rate execution
- Execute animation control code
- Execute background tasks
- Efficient script yielding
- Next steps
