Hydration and Lazy-Loading Are Incompatible

QCon San Francisco 2023

Session Frontend Frameworks

Hydration and Lazy-Loading Are Incompatible

Wednesday Oct 4 / 11:45AM PDT, Pacific DEKJ

Abstract

If your app is slow, the advice is to lazy-load your code and execute less code on startup. That is excellent advice, but it is much harder than it seems because of how hydration works in today's frameworks. Hydration forces the execution of application code, preventing you from lazy loading most of the code on the page. To prove the point, let's build a simple counter and see how hydration will thwart our ability to lazy load it or minimize the amount of code executed.

Topics

Frontend Frameworks JavaScript Performance
76% senior dev or higher
1:11 speaker ratio
60+ practitioners

QCon San Francisco 2023 is a three day conference for senior software engineers, architects and team leads. An international program committee of working engineers selects every session. Patterns and practices, not products and pitches.

Share

From the same track

Wednesday 4 October

10:35 Pacific DEKJ Session JavaScript Streamlining Cloud Development with Deno Ryan Dahl Co-Founder & CEO @Deno, Software Engineer Best Known for Creating Node.js 11:45 Pacific DEKJ Session Frontend Frameworks Hydration and Lazy-Loading Are Incompatible Miško Hevery CTO @Builder.io 13:35 Pacific DEKJ Session Client Design Server Driven UI - Streamlining Mobile Development and Release Thomas Chao Principal Engineer @Snowflake, Previously at Uber and Google 14:45 Pacific DEKJ Session Applied Cryptography Combating AI-Generated Fake Images with JavaScript Libraries Kate Sills Software Engineer and Consultant, Previously Lead Engineer on the Zoe Smart Contract Framework at @Agoric 15:55 Pacific DEKJ Session Frontend JavaScript: Empowered by Rust Chris Biscardi Independent Full Stack Product Engineer, Educator @rustadventure.dev, Author of "Rust Adventure"