Welcome.
Making the web performant and accessible is my passion.
All of my content is tailored to performance, user experience (UX) &
security. See all of my principles.
My work experience and interests include Core Web Vitals, browser rendering
& JavaScript runtime performance, React, CSS, Node.js and micro‑frontends
(MFEs).
Right now, I work as a Senior Performance Engineer on thousands of websites
built with Framer.
To make the web better for everyone, I'm also an active participant of
the W3C Web Performance Working Group.
In the past, I've co-founded an eSports company and have created
multiple browser extensions for Google Chrome, used by >65.000 people
daily.
Blog Posts
-
Concurrent Hydration with useSyncExternalStore
Pair useSyncExternalStore with useDeferredValue and memoization to keep hydration concurrent and INP friendly.
-
How To Improve INP: React⚛️
All-in-one guide for improving Interaction-to-Next-Paint (INP) React applications. Introduces the useAfterPaintEffect hook.
-
How To Improve INP: Yield Patterns
How to yield to the main thread to improve Interaction-to-Next-Paint (INP) and detailed insights into patterns like await-interaction-response, yieldToMain, yieldUnlessUrgent.
-
Fastest Way of Passing State to JavaScript, Re-visited
Re-visitting the most performant way of passing state to JavaScript with benchmarks and a DevTools challenge.
-
Breaking Up with SVG-in-JS
Why you don't want SVGs in your JavaScript bundle and better performante-oriented techniques for using SVGs in JSX.
-
The modern way of serving images
Guide for the <picture> & <img> srcset and sizes attributes to create responsive & performant images.
Talks
-
Rolldown: Chunking in the wild
Deep-dive into research how JavaScript modules impact loading speeds and why Framer switched from esbuild to Rolldown to improve chunking, held at ViteConf 2025.
🎥 View on YouTube -
Breaking Up with SVG-in-JS
How browsers execute JavaScript and why you want to keep SVGs out of your JavaScript bundle, held at Munich Frontend Developers Meetup.
-
Collecting UX-metrics your boss understands
Thinking beyond the usual metrics to measure UX and how we do it at Framer, held at Mozilla's performance.sync().
🎥 View on YouTube -
INP – Yield Patterns to keep the UI smooth
Intro to Interaction-to-Next-Paint (INP), how yielding to the main thread works and how you can make use of different patterns to interact with browser scheduling, held at the MunichJS Meetup.
-
What React 18 does and how it impacts your INP
How to use optimistic UI & yielding to improve Interaction-to-Next-Paint (INP) with React, held at the Munich Frontend Developers Meetup.
