~/talk

Introducing Edge Slice Rerendering

Talkat Next.js Conf 2020 · on Tuesday, 2020-10-27· [web-performance, web-platform]
github:jayphelps
slides:none on file

A new technique called Edge Slice Re-rendering (ESR) combines static analysis with CDN edge compute to extract minimal program slices (for example only running toUpperCase for a headline) and apply overrides as diffs to statically generated pages. A demo on the Next.js docs banner on a 4G Moto shows ESR (Outsmartly) slightly beating the SSG baseline, matching SSR latency, and avoiding the client-side flash where a popular third-party tool briefly reverts content. The system runs slices at the edge, supports async compute and caching.

AI-written summary · about

  1. 0:00Intro
  2. 0:29WE MOVED TO SSG TO SOLVE THE PERFORMANCE LIMITATIONS OF SSR
  3. 1:01CLIENT-SIDE SOLUTIONS (JAVASCRIPT) OFTEN PERFORM WORSE THAN SSR
  4. 1:25CAN WE KEEP THE PERFORMANCE OF SSG, WITH THE FLEXIBLY OF SSR?
  5. 3:47WHAT WOULD BE IDEAL?
  6. 5:07WE WANT THE MENTAL MODEL OF SSR WITH THE PERFORMANCE OF SSG
  7. 6:01COMPILERS
  8. 6:21STATIC ANALYSIS
  9. 7:01PROGRAM SLICING
  10. 7:40OVERRIDES
  11. 9:14CLIENT-SIDE JAVASCRIPT?
  12. 9:42AT THE EDGE (CDN)
  13. 10:02EDGE SLICE RERENDERING
  14. 13:25Enterprise Ready
~/search
type to search 6,249 conferences, 138,987 speakers and 185,172 talks
~/help
cmdctrl k
search every conference, speaker and series
/
focus the filter search
h
home
c
conferences
s
speakers
e
series
t
light / dark — the status bar button does the same
?
this help
esc
close this, then clear every filter — or just the search, while you are typing in it

Ignored while you are typing. Pages without a filter rail have no search to focus.