@yourtwitter
@mgechev
Differential loading
● Produce ES5 bundles for newer browsers
● Do not send polyfills to modern browsers
● Smaller payload
● Do not downlevel modern features
● Faster execution
● Smaller payload
Slide 8
Slide 8 text
@mgechev
-65KB polyfills
~2-10% smaller bundles
Slide 9
Slide 9 text
@mgechev
Step 1: Load HTML Step 2: Look at script tags Step 2: Download right
version
Differential loading
twitter.com/mgechev
Step 1: Open
https://example.com/
Step 2: Determine JavaScript
which is likely to be required
Step 3: Download the
chunks
Step 4: Store chunks
in browser cache
Pre-fetching
Slide 25
Slide 25 text
twitter.com/mgechev
Slide 26
Slide 26 text
@yourtwitter
@mgechev
● Prefetch visible links
● Predictive prefetching
● Prefetch on mouse over
Prefetching strategies
Slide 27
Slide 27 text
@yourtwitter
@mgechev
● Prefetch visible links
● Predictive prefetching
● Prefetch on mouse over
Prefetching strategies