Server Side Rendering, caching and performance
Download as PPSX, PPTX2 likes975 views
The document discusses the evolution of web technologies including static websites, single-page applications (SPAs), and universal apps with a focus on their advantages and disadvantages regarding performance, SEO, and dynamic content. It presents performance calculations for different scenarios, emphasizing the benefits of server-side rendering and caching to enhance response times. The author highlights the importance of caching strategies and mentions the framework stack being used: Node.js, React.js, and Redux.
![Evolution of the web
• Static web pages
• SPAs and gotchas
• Universal Apps and gotchas [SOLVED]](https://image.slidesharecdn.com/reactmeetup-170219040436/85/Server-Side-Rendering-caching-and-performance-4-320.jpg)
More Related Content
Similar to Server Side Rendering, caching and performance (20)
Server Side Rendering, caching and performance
- 3. Stack • NodeJs • ReactJs • Redux • Redis
- 4. Evolution of the web • Static web pages • SPAs and gotchas • Universal Apps and gotchas [SOLVED]
- 6. Static Websites • First Load 👍😍 • Visibility / SEO 👍😍 • Dynamic 👎😢
- 7. JavaScript
- 9. SPAs • First Load 👎😢 • Visibility / SEO 👎😢 • Dynamic 👍😍
- 11. Server Side Rendering + SPA • First Load 👎😢 • Dynamic 👍😍 • Visibility / SEO 👍😍
- 14. Calculating Perf 500ms (response time from API) +150ms (for server side rendering) +10 ms (for node server) +150 ms (network latency) ------------------------------------------ = 810 ms
- 15. Cache me if you can !
- 17. Caching the API 500ms (response time from API) +150ms (for server side rendering) +10 ms (for node server) ---------------------------------------- = 160 ms (500 ms saved ! 👍😍)
- 19. Caching the whole page ! 500ms (response time from API) +150ms (for server side rendering) +10 ms (for node server) ---------------------------------- = 20 ms (650 ms saved ! 👍😍)
- 20. Cache Bursting ! • Manual Trigger/ When data updates happen. • Whenever you deploy !
- 21. Server Side Rendering + SPA + Caching • First Load 👍😍 • Visibility / SEO 👍😍 • Dynamic 👍😍
- 22. Highlights • Static websites • SPAs • Universal Apps • Performant Universal Apps • Next ?