- [Narrator] To make decisions for web performance…we know now that there are many…information available client-side only,…such as the network information API,…device memory, save-data, and even responsive queries,…such as the current available width,…the current device pixel ratio,…so the resolution of the screen.…But sometimes we need to access that data in the server.…For example, to apply some…reactive web performance techniques,…such as changing the amount of data or the quality…of the data that we are sending based on this information.…
Also, because we might want…to serve better responsive images.…Such as, the browser is requesting for the picture.…Without more information, the server can't say,…Okay, let's say we are in an iPhone X…We are in a slow 2G, and we have that memory.…Well, let's send that version.…Another user, oh, this is an Android?…It's on 4G, and it has different resolution,…and only has two gigabytes of memory.…Okay, let's use this version.…Or let's compress more the jpeg file that they are sending.…
- 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.