~/talk

Blazing Fast Vue.js with Vapor Mode

on YouTube 20m
Talkat UtahJS Conf 2025 · on Friday, 2025-09-12· [vue, web-performance]

speaker

name:CJ Reynolds
website:https://w3cj.sh

resources

video:https://youtu.be/uLs-oLwFzdk
slides:none on file

summary

Vue 3.6’s Vapor Mode compiles components to direct DOM updates instead of a virtual DOM, reducing a Hello World bundle from ~22.8 kB to 8 kB (~65% smaller) and scoring near vanilla JS on the JS Framework Benchmark (beating Svelte in the demo). It is available in 3.6.0-alpha.2, is opt-in per component via a `vapor` attribute or via `createVaporApp`, and currently supports composition API only and lacks SSR transitions / keep-alive / suspense.

AI-written summary · about

chapters (8)

  1. 0:00Introduction
  2. 3:42Virtual DOM limitations
  3. 6:12Front-end rendering history
  4. 10:05Vue.js Vapor Mode
  5. 13:18Performance and bundle size
  6. 14:45How Vapor works
  7. 17:10Requirements and limitations
  8. 18:57Roadmap and next steps

related talks

~/search
type to search 6,249 conferences, 138,987 speakers and 185,172 talks
~/help
cmdctrl k
search every conference, speaker and series
/
focus the filter search
h
home
c
conferences
s
speakers
e
series
t
light / dark — the status bar button does the same
?
this help
esc
close this, then clear every filter — or just the search, while you are typing in it

Ignored while you are typing. Pages without a filter rail have no search to focus.