Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Advanced SSR Caching in React

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

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
98
Bad3e55f0b96b80bc4ffb40d1c1414dc?s=48 operatino
2
350
Bad3e55f0b96b80bc4ffb40d1c1414dc?s=48 operatino
0
100
Bad3e55f0b96b80bc4ffb40d1c1414dc?s=48 operatino
1
810
Bad3e55f0b96b80bc4ffb40d1c1414dc?s=48 operatino
3
420
Bad3e55f0b96b80bc4ffb40d1c1414dc?s=48 operatino
3
410
Bad3e55f0b96b80bc4ffb40d1c1414dc?s=48 operatino
4
390
Bad3e55f0b96b80bc4ffb40d1c1414dc?s=48 operatino
1
490
Bad3e55f0b96b80bc4ffb40d1c1414dc?s=48 operatino
6
1.2k

Other Decks in Technology

See All in Technology
2c76cf0e15f1410310b08e2ffa94db93?s=48 hanasuke
0
220
61e7dc2e84a1a1c4ac1a8e2c552fee07?s=48 tutsunom
1
140
86a4debb9747d504f526e6dd2efd5d0b?s=48 5ebec
0
160
C073e84776de4b37baabef524cc8ae4e?s=48 go_go_pdm_careerconsultant
0
800
00101a1274d1f92977f4e442ef73be86?s=48 ahana
0
300
0e8fbeb3dc2da3e502483edea80be7d6?s=48 htomine
0
160
7f68f5f85f4a39df7d8d3c81cbbfb788?s=48 p1ass
15
5.5k
098ad475722e3697ec2fba28c8654f9f?s=48 yuhta28
0
130
7fb9a8ddaea2ddc368f12a5d08cea86a?s=48 yuu26
1
1k
1b9e2b135e11b80d5923db6bb250ffe7?s=48 daisukehirama41
1
300
7e3cdbf62ad6e34cf379443678b1b378?s=48 sogaoh
2
420
7cd783377515bdf8207062840b7b2f4e?s=48 soracom
0
810

Featured

See All Featured
245cee81a9c424266e5e401d844ea881?s=48 lara
590
61k
168ccec72eee0530b818d44f3fedaacf?s=48 shlominoach
176
7.6k
B3d6434763caa0ef5dc4b792662c49f7?s=48 smashingmag
283
47k
719435d98d452de7ac367c828266cf01?s=48 erikaheidi
14
4.5k
5ce91fa49a613cbc3e20d5f96856473f?s=48 edds
56
9.4k
A9179349dd2bdc67f377719f56d85656?s=48 garrettdimon
289
110k
9375a9529679f1b42b567a640d775e7d?s=48 schacon
147
6.7k
5f50f94346fbcb23706f0707169317a4?s=48 aarron
258
36k
A0517b08532aec8ab2aae3f65d40ad86?s=48 hannesfritz
28
970
1177e050db6bafe62885362edf6e3537?s=48 lauravandoore
440
28k
A9a491b0fcbe0fbce3d64063a37add99?s=48 rmw
12
860
0c6fd6a08d0f898159cda7cafcacf07f?s=48 afnizarnur
176
14k

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!