- [Instructor] The last timing API…available in the performance interface…is known as the serverTiming API.…And because it has server in its name,…it means we are getting out of the browser of the client.…The whole idea here is that we can also send…metrics about the performance of the server to the API,…and we need to do that from the server.…If you open the project,…you will find the same web project that we were working on…but now we also have a server.js file…that is using Express.js to just set a web server…with Node.js, and it's also using a library,…known as server-timing,…that will let us set metrics…and send those metrics to the client.…
Of course, you can use PHP, .NET, Java…or any server side architectural language.…The metrics are being sent using http headers.…And then the browser will receive those headers…and will populate the information…within the performance timeline.…So let's see this in action.…I'm going to start my project,…and before that we need to install dependencies,…so in the terminal I will just type npm install,…
- 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.