Misko Hevery
Rethinking web application design for fastest possible time to interactive
#1about 2 minutes
Why most modern websites fail Google PageSpeed tests
Current web frameworks consistently produce low PageSpeed Insight scores because their fundamental approach to interactivity is flawed.
#2about 2 minutes
Introducing Qwik for instant time to interactive
Qwik is an open-source framework that achieves top performance scores by sending minimal JavaScript and prioritizing HTML.
#3about 2 minutes
The high cost of hydration in modern frameworks
Traditional frameworks must download and re-execute all application code on the client to attach event listeners, a slow process known as hydration.
#4about 2 minutes
How Qwik bypasses hydration with resumability
Qwik serializes listener and state information directly into the HTML, allowing the client to become interactive instantly without re-executing code.
#5about 2 minutes
Demonstrating Qwik's minimal JavaScript footprint
A live demo shows Qwik's loader is under one kilobyte and that additional code is only lazy-loaded upon user interaction.
#6about 5 minutes
The philosophy of doing nothing and fine-grained lazy loading
Qwik's core principles are to do no work upfront, remain stateless by storing information in the DOM, and only execute the exact code needed for an interaction.
#7about 5 minutes
How eager closures prevent effective lazy loading
Event listeners and reactive systems create closures that pull in large amounts of synchronous code, preventing fine-grained lazy loading.
#8about 4 minutes
Understanding the replayable vs resumable application model
Unlike replayable frameworks that must re-run everything, Qwik's resumable model can continue execution from the server-rendered state at any point.
#9about 5 minutes
How Qwik enables fine-grained and efficient DOM updates
By storing state relationships in the DOM, Qwik can query for and update only the necessary components without setting up eager listeners.
#10about 2 minutes
Rethinking web development by embracing the DOM
Modern frameworks often abstract away the DOM, but embracing its declarative and lazy-loadable nature is key to building faster applications.
#11about 2 minutes
Conclusion and key takeaways for building fast apps
The key to instant applications is to adopt a resumable, stateless, and DOM-centric approach with fine-grained lazy loading as a core primitive.
#12about 4 minutes
Q&A: Mobile UX, prefetching, and module federation
Qwik can use prefetching strategies for mobile UX, and its core design naturally provides the benefits of module federation.
#13about 6 minutes
Q&A: Project status, deployment, and caching strategies
Qwik applications can be deployed anywhere and benefit from caching server-rendered HTML as static files, which the client can then resume.
Related jobs
Jobs that call for the skills explored in this talk.
Matching moments
02:13 MIN
Qwik's resumable approach for instant interactivity
Interactive server side components
07:48 MIN
Q&A on performance, architecture, and PWA capabilities
Interactive server side components
04:05 MIN
Demonstrating lazy loading and execution with Qwik
Qwik: Making sure that easy is same as performant
02:29 MIN
The web performance problem with modern frameworks
Interactive server side components
03:31 MIN
How replayable frameworks cause slow startup times
Interactive server side components
05:17 MIN
Introducing resumability as an alternative to hydration
Qwik: Making sure that easy is same as performant
05:57 MIN
Introducing islands architecture to reduce javascript payload
Multiple Ships to the Island - Micro Frontends & Island Architectures
05:07 MIN
The World Wide Web era of scalability and design
Closing Keynote by Joel Spolsky
Featured Partners
Related Videos
46:13Interactive server side components
Miško Hevery
30:59Qwik: Making sure that easy is same as performant
Miško Hevery
40:24Snappy UI needs no Single-Page Application
Clemens Helm
46:46The Lean Web
Chris Ferdinandi
50:10The Eternal Sunshine of the Zero Build Pipeline
M4dz
42:46The Naked Web Developer: Your Browser Is Your Framework
Avichay Eyal
26:00To New Frontiers: The Future of Frontend Development
Rainer Hahnekamp
23:45How to kill JavaScript from your Stack with HTMX and Kotlin
Frederik Pietzko
Related Articles
View all articles
From learning to earning
Jobs that call for the skills explored in this talk.
doinstruct Software GmbH
Berlin, Germany
Senior
GIT
JavaScript
TypeScript
Speech Processing Solutions
Vienna, Austria
Intermediate
CSS
HTML
JavaScript
TypeScript
Saby New Compy
Bielefeld, Germany
Intermediate
Java
Kotlin
Kresse & Discher GmbH
Offenburg, Germany
Intermediate
Senior
CSS
Figma
JavaScript
infomax websolutions GmbH
Grassau, Germany
Intermediate
Senior
CSS
HTML
JavaScript
TypeScript
JO Media Software Solutions GmBh
Brunn am Gebirge, Austria
Senior
CSS
Angular
JavaScript
TypeScript