The Only Way to Eat an Elephant

on YouTube ↗09m

" summary

Claims that server-side rendering can do selective code splitting so servers send only the chunks needed for a route, reducing bundle size and restoring SEO. Demonstrates a vanilla.js pattern that detects environment and loads modules synchronously on server and asynchronously on client, then shows the same idea implemented with loadable-components and standard dynamic imports. The built solution renders strings on the server, hydrates on the client, and measurably avoids shipping one huge bundle.

AI-written summary · about

" related talks

• 19mAngular Hidden Gems: Hybrid Rendering, SSR and Modern RoutingVojtech Mašek · NG Poland 2025
• 07mThe Lazy Way to Better PerformanceKaren Baney · Vueconf.US 2020
• 21mReact Server ComponentsTejas Kumar · React Day Berlin 2023
• 30mJust another ECMAScript Trait Syntax ProposalStop breaking the web and start building server-rendered web apps using next.jsHenrik Wenz · JSUnconf 2017
• 21mStrategies for Server Side Rendering Angular ApplicationsVikram Subramanian · NGConf 2018
• 33mRendering on the Web: Performance Implications of Application ArchitectureJason Miller, Houssein Djirdeh · Google I/O 2019
• 06mDemystifying server-rendered React apps: Performance & SecurityFernando Porazzi · React Amsterdam 2019
• 25mDemystifying Client & Server Rendering in SvelteKitHenry Lie · Svelte Summit Fall 2024