Advanced SSR Caching in React

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

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
91
Bad3e55f0b96b80bc4ffb40d1c1414dc?s=48 operatino
2
340
Bad3e55f0b96b80bc4ffb40d1c1414dc?s=48 operatino
0
93
Bad3e55f0b96b80bc4ffb40d1c1414dc?s=48 operatino
1
770
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
88f4e84b94fe07cddbd9e6479d689192?s=48 soudai
0
270
5bc984d78def65048378c439d77c379f?s=48 tomoyamachi
1
170
3115a782126be714b5f94d24073c957d?s=48 oracle4engineer
2
270
992ab21437c2ec7c70d9af79ed2a2273?s=48 7110
0
230
C21becdee5cd08b34c7452276e64c1fe?s=48 yamamuteki
6
1.1k
53850955f15249a1a9dc49df6113e400?s=48 line_developers
0
2.5k
18f1e3993e9ead63e7a0f70d9eb996bb?s=48 wkm2
0
130
A857277d74d4719f7f7751dca5ed553e?s=48 cmusudakeisuke
0
1.2k
Ba617809127d7a39e59aeb3124974165?s=48 hi1280
5
1.1k
4615930de72ec08f99d3227761ace0d8?s=48 yenlung
2
450
53850955f15249a1a9dc49df6113e400?s=48 line_developers
1
160
F3f3eec8682a76ed430054e8fd994f15?s=48 tmnakagawa
0
740

Featured

See All Featured
78b475797a14c84799063c7cd073962f?s=48 holman
458
270k
C0390e8b11079f8761c0cd3274ed61cb?s=48 productmarketing
3
430
91cefdf141106fa10674aae74ce05890?s=48 yeseniaperezcruz
296
30k
2bb923c57a1fdc3a2eb484bb8d565fd2?s=48 ufuk
55
5.1k
78b475797a14c84799063c7cd073962f?s=48 holman
287
130k
79acae287842acf29084005533a7fb3b?s=48 hursman
103
9k
95d9f37115fbb0d13135d0f77132f856?s=48 morganepeng
86
10k
719435d98d452de7ac367c828266cf01?s=48 erikaheidi
5
3.5k
1177e050db6bafe62885362edf6e3537?s=48 lauravandoore
8
930
9375a9529679f1b42b567a640d775e7d?s=48 schacon
144
6.4k
7edec06b5435e0dac07a353b2cc26253?s=48 geeforr
330
29k
C157b16234f1e75e8eac3698c1d4414a?s=48 ddemaree
274
31k

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!