Uploaded December 2025 | Updated September 2026, 2 weeks ago
High INP and CLS scores despite a small bundle? 📉 Stop deleting features. Fix hydration blocking and resource delivery instead.
Daniel Roe, Nuxt Team Lead, details architectural strategies to solve performance bottlenecks at the framework level:
✅ INP: Unblocking the main thread during hydration using requestAnimationFrame.
✅ CLS: Automating font metric overrides to prevent layout shifts.
✅ Network: Inlining critical component CSS to reduce HTTP overhead.
✅ Build-Time: Extracting expensive computations to the compiler to reduce client load.
🚀 Watch the full engineering case study. Subscribe for more advanced tech talks.
📌 Follow the link to watch the full version of all the conference talks, QnA’s with speakers and hands-on workshop recordings:
🔗 gitnation.com/events/jsnation-us-2025?utm_source=youtube&utm_medium=DanielRoeTalk
🔥Want to hear talks like this live?
Join us at JSNation 2026 in Amsterdam: jsnation.com/?utm_source=youtube&utm_medium=DanielRoeTalk
🕐 Timestamps:
00:00 - Intro & Speaker Context
02:43 - Live Demo Stack: PartyKit & WebSockets
03:39 - Nuxt Architecture & Nitro Engine
06:23 - The Controversial Opinion: Why JavaScript is Good
07:36 - Rethinking Bundling: Beyond the JS File
08:31 - Solving CSS Waterfalls: Inlining Component Styles
11:21 - Why Pre-rendering Can Hurt INP Scores
14:19 - Fixing INP with requestAnimationFrame Injection
15:08 - Solving CLS: Automated Font Metric Overrides
18:00 - Extracting Expensive Data at Build Time
18:40 - Optimizing Third-Party Scripts & Facades
19:57 - Rebundling Async Chunks with Import Maps
20:34 - Removing Polyfills & Ecosystem Cleanup
✍️ This talk was part of JSNation US 2025:
Rethinking Bundling: Why You Don’t Need Less JavaScript | Daniel Roe
🔗 jsnation.us/?utm_source=youtube&utm_medium=DanielRoeTalk
📌 Ready to master advanced engineering architectures? Join the global community at the upcoming JS Nation in Amsterdam! Get your Early-bird ticket:
🔗 jsnation.com/?utm_source=youtube&utm_medium=DanielRoeTalk
#JSNationUS #gitnation #conference2025 #techtalks #techconference #reactjs #jsnation #js #javascript #codingtips #webdevelopment
High INP and CLS scores despite a small bundle? 📉 Stop deleting features. Fix hydration blocking and resource delivery instead.
Daniel Roe, Nuxt Team Lead, details architectural strategies to solve performance bottlenecks at the framework level:
✅ INP: Unblocking the main thread during hydration using requestAnimationFrame.
✅ CLS: Automating font metric overrides to prevent layout shifts.
✅ Network: Inlining critical component CSS to reduce HTTP overhead.
✅ Build-Time: Extracting expensive computations to the compiler to reduce client load.
🚀 Watch the full engineering case study. Subscribe for more advanced tech talks.
📌 Follow the link to watch the full version of all the conference talks, QnA’s with speakers and hands-on workshop recordings:
🔗 gitnation.com/events/jsnation-us-2025?utm_source=youtube&utm_medium=DanielRoeTalk
🔥Want to hear talks like this live?
Join us at JSNation 2026 in Amsterdam: jsnation.com/?utm_source=youtube&utm_medium=DanielRoeTalk
🕐 Timestamps:
00:00 - Intro & Speaker Context
02:43 - Live Demo Stack: PartyKit & WebSockets
03:39 - Nuxt Architecture & Nitro Engine
06:23 - The Controversial Opinion: Why JavaScript is Good
07:36 - Rethinking Bundling: Beyond the JS File
08:31 - Solving CSS Waterfalls: Inlining Component Styles
11:21 - Why Pre-rendering Can Hurt INP Scores
14:19 - Fixing INP with requestAnimationFrame Injection
15:08 - Solving CLS: Automated Font Metric Overrides
18:00 - Extracting Expensive Data at Build Time
18:40 - Optimizing Third-Party Scripts & Facades
19:57 - Rebundling Async Chunks with Import Maps
20:34 - Removing Polyfills & Ecosystem Cleanup
✍️ This talk was part of JSNation US 2025:
Rethinking Bundling: Why You Don’t Need Less JavaScript | Daniel Roe
🔗 jsnation.us/?utm_source=youtube&utm_medium=DanielRoeTalk
📌 Ready to master advanced engineering architectures? Join the global community at the upcoming JS Nation in Amsterdam! Get your Early-bird ticket:
🔗 jsnation.com/?utm_source=youtube&utm_medium=DanielRoeTalk
#JSNationUS #gitnation #conference2025 #techtalks #techconference #reactjs #jsnation #js #javascript #codingtips #webdevelopment
