Optimizing Page Loads
How fast a page gets from
Requested
Usable
Time gets spent in three places:
1. Server
2. Network
3. Browser
Time gets spent in three places:
1. Server
2. Network
3. Browser
Browser Time
What do we care about?
-
Get something on the screen
-
Get "all" content on the screen
-
Respond to input
Browser Time
What do we care about?
-
Get something on the screen
-
Get "all" content on the screen
-
Respond to input
First Paint
First Contentful Paint
First Interactive
Two main constraints:
Network
CPU
Recap of Techniques:
- Use a CDN (Network)
- Bundle: fewer HTTP requests (Network)
- Cache static assets (Network)
- Split deferrable code (Network/CPU)