Miško Hevery
Qwik: Making sure that easy is same as performant
#1about 3 minutes
The performance problem with modern web applications
Most modern websites fail Core Web Vitals because the amount of JavaScript shipped to the client is constantly increasing, which directly harms startup performance.
#2about 3 minutes
Understanding the limitations of hydration in frameworks
Hydration attempts to solve slow initial loads but introduces an 'uncanny valley' and performance overhead by re-executing the entire application on the client.
#3about 5 minutes
Introducing resumability as an alternative to hydration
Qwik's resumability achieves constant-time startup performance by serializing listener information into the HTML, eliminating the need to re-execute components on the client.
#4about 4 minutes
Demonstrating lazy loading and execution with Qwik
A live demo shows how Qwik only downloads the minimal JavaScript code required for a user interaction at the moment it's needed, with a service worker prefetching chunks for a fast experience.
#5about 3 minutes
Moving closures and tree-shaking data with Qwik
Qwik can move function closures between the client and server using `server$` and automatically tree-shakes data, serializing only what's necessary for client-side interactions.
#6about 2 minutes
Solving common performance issues like CLS by default
The framework provides built-in components, like an image optimizer, that automatically prevent common issues like Cumulative Layout Shift (CLS) and generate responsive source sets.
#7about 4 minutes
Q&A on security, tooling, and framework adoption
The speaker answers audience questions about handling server-side secrets, Qwik's use of Vite, the future of resumability in other frameworks, and fallbacks for service workers.
Related jobs
Jobs that call for the skills explored in this talk.
Matching moments
06:02 MIN
Qwik's resumable approach for instant interactivity
Interactive server side components
35:03 MIN
Q&A on performance, architecture, and PWA capabilities
Interactive server side components
02:32 MIN
Introducing Qwik for instant time to interactive
Rethinking web application design for fastest possible time to interactive
21:49 MIN
Introducing islands architecture to reduce javascript payload
Multiple Ships to the Island - Micro Frontends & Island Architectures
31:55 MIN
Conclusion and key takeaways for building fast apps
Rethinking web application design for fastest possible time to interactive
19:14 MIN
How the Qwik optimizer automates code splitting
Interactive server side components
14:49 MIN
Live demo of a Qwik to-do application
Interactive server side components
06:16 MIN
How Qwik bypasses hydration with resumability
Rethinking web application design for fastest possible time to interactive
Featured Partners
Related Videos
46:13Interactive server side components
Miško Hevery
44:35Rethinking web application design for fastest possible time to interactive
Misko Hevery
14:44Catching up on the basics you don't really need that much code
Chris Heilmann
59:03Multiple Ships to the Island - Micro Frontends & Island Architectures
Florian Rappl
40:24Snappy UI needs no Single-Page Application
Clemens Helm
46:46The Lean Web
Chris Ferdinandi
42:46The Naked Web Developer: Your Browser Is Your Framework
Avichay Eyal
50:10The Eternal Sunshine of the Zero Build Pipeline
M4dz
Related Articles
View all articles
From learning to earning
Jobs that call for the skills explored in this talk.
Frontend Software Engineer WebIQ & JavaScript
inovex GmbH
Melle, Germany
CSS
HTML
JavaScript
Software Architecture
