~/talk

Developing Weweb: VueJs Performance optimization on a large webapp

Talkat Vuejs Amsterdam 2023 · 2023-02-09..02-10· [web-performance, vue]
slides:none on file

Weweb is a no‑code Vue app with thousands of interactive components and the talk focuses on runtime smoothness not load time. It shows measurable fixes: replace layout-thrashing getBoundingClientRect loops with ResizeObserver to remove seconds of purple rendering, use untrack and a lazyRef pattern to stop needless dependencies, share heavy computations with a detached effectScope so one calculation serves many instances, and use v-memo or child/component splitting — these changes cut re-renders dramatically and actually work at scale.

AI-written summary · about

  1. 0:00Start
  2. 3:11TOOLS
  3. 7:54REFLOW PROBLEM DEMO
  4. 11:16TRACK REACTIVITY
  5. 16:55EFFECT SCOPE
  6. 17:56SHARED EFFECT
~/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.