The War of HTML Rendering: SSR, CSR and Hybrid Rendering — Which Is Fastest?

on YouTube ↗45m

" summary

Compares Client-Side Rendering (CSR), Server-Side Rendering (SSR) and hybrid rendering approaches and explains their impact on web performance. Describes the authors’ chosen stack and why: NestJS and Svelte used to build a custom micro-frontend solution enabling hybrid rendering, with Java SSR for robust performance, and Vite to improve developer experience.

AI-written summary · about

" chapters (8)

1. 0:00Introduction
2. 6:02Rendering patterns
3. 10:00Client-side rendering
4. 15:36Hybrid rendering
5. 23:19Building hybrid solution
6. 29:14Live demo
7. 39:26Test results
8. 43:39Next steps

" related talks

• 44mServer Side Rendering from the trenchesWilliam Durand · jsDay 2018
• 20mCSR, SSR, SSG, ISR, and OMG. WTF? BBQ!Ahmad Awais · Next.js Conf 2020
• 45mGive Me Back My Frontend!Olivier Thierry · Devoxx France 2024
• 13mStraight Talk About Server-Side RenderingGray Norton, Sam Lee, Trey Shugart · Polymer Summit 2017
• 30m50 shades of React rendering with Next.jsBen Ilegbodu · SeattleJS Conf 2023
• 30mRendering RevealedAdam Jahr · JSWorld Conference 2024
• 33mRendering on the Web: Performance Implications of Application ArchitectureJason Miller, Houssein Djirdeh · Google I/O 2019
• 30mThe Challenges and Pitfalls of Server Side RenderingDan Shappir · You Gotta Love Frontend 2019