Advanced SSR Caching in React

Bad3e55f0b96b80bc4ffb40d1c1414dc?s=47 Robert Haritonov
April 21, 2017
Technology
0
70

Advanced SSR Caching in React

Talk recording https://youtu.be/4TOi9l6x-jo

Bad3e55f0b96b80bc4ffb40d1c1414dc?s=128

Robert Haritonov

April 21, 2017
Tweet

More Decks by Robert Haritonov

See All by Robert Haritonov
Bad3e55f0b96b80bc4ffb40d1c1414dc?s=48 operatino
0
92
Bad3e55f0b96b80bc4ffb40d1c1414dc?s=48 operatino
2
340
Bad3e55f0b96b80bc4ffb40d1c1414dc?s=48 operatino
0
95
Bad3e55f0b96b80bc4ffb40d1c1414dc?s=48 operatino
1
790
Bad3e55f0b96b80bc4ffb40d1c1414dc?s=48 operatino
3
410
Bad3e55f0b96b80bc4ffb40d1c1414dc?s=48 operatino
3
390
Bad3e55f0b96b80bc4ffb40d1c1414dc?s=48 operatino
4
380
Bad3e55f0b96b80bc4ffb40d1c1414dc?s=48 operatino
1
480
Bad3e55f0b96b80bc4ffb40d1c1414dc?s=48 operatino
6
1.2k

Other Decks in Technology

See All in Technology
57eb5b1713206c5edb521dde99cc5f30?s=48 key
0
210
380bcd2ab751f5838abd8219df53e5fe?s=48 tomoki10
0
1.1k
Dc3f88b2c2c4210e3068d94ce7c25bf2?s=48 terkel
17
4.3k
Baaa72bd2671a244ba9211e015f72d28?s=48 eliasnogueira
0
150
2102a6b8760bd6f57f672805723dd83a?s=48 line_developers_tw
0
710
0d29d155ce5c5a93ed46363626da3ea7?s=48 ocise
1
2k
7689d16bbad8f2fa05a5e9afb8527675?s=48 fatsushi
2
1.1k
063859d1457e4ea7372097688c41e1c9?s=48 yugkwmt
1
240
91e7aee9769836f448a9f1ce91255749?s=48 mathatelle
0
1.5k
2102a6b8760bd6f57f672805723dd83a?s=48 line_developers_tw
0
610
3b02ffcc638b9cde6cb1bb458a926b15?s=48 yukiarrr
0
560
0479057e04d0dbef40692b5f171f60e4?s=48 takanakahiko
0
500

Featured

See All Featured
F57e2136eb9895eb95ff5dc8a1c02677?s=48 zakiwarfel
87
3.2k
F68cb25ae3e5c2106997454b13b7737d?s=48 brad_frost
154
6.2k
C1daf20e5c49ff910745198ef9869ac2?s=48 hatefulcrawdad
257
16k
Aebc2d07a50011e2a30d38435fde564a?s=48 jrom
113
7k
A415db3ac9e9668acbc1fb36eead84ac?s=48 mthomps
37
2.2k
E43f8dfd01057f8304f5f8fb9a294d7d?s=48 jeffersonlam
325
15k
B6a8f005f39d23ffc930508ac9da68b9?s=48 vanstee
115
4.7k
719435d98d452de7ac367c828266cf01?s=48 erikaheidi
12
3.9k
Ecdea9b9714877b86cee08458f085481?s=48 trallard
10
450
78b475797a14c84799063c7cd073962f?s=48 holman
448
130k
96270e4c3e5e9806cf7245475c00b275?s=48 addyosmani
309
21k
5f83ef806155b403c3393160ce51f955?s=48 jlugia
216
16k

Transcript

  1. Advanced SSR Caching
 with React Robert Haritonov
 Tech Lead @

  2. Zoover is a travel website 3-4M Visits a month 350

    RPS on load

  3. 80% of Zoover traffic comes from

  4. SSR

  5. Cache!

  6. Page? Data? Components!

  7. None

  8. electrode-io/electrode-react-ssr-caching • Performance profiling • Allows per-component caching • Templating

  9. Caching container components 200ms => 50ms => 15ms

  10. None
  11. None
  12. None

  13. / rapscallion

  14. FormidableLabs/rapscallion • Asynchronous rendering • Support for external caching storage

    • Nice declarative caching syntax • Streaming • Babel plugin for JSX optimization for SSR
  15. None
  16. None

  17. External cache storage

  18. Beta Join us on our challenge

  19. Come to our booth!