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 React and Node.js, SQL, micro‑frontends
(MFEs). I love optimizing Core Web Vitals (CWVs), CSS & JavaScript runtime performance.
Right now, I work as a Senior Performance Engineer on thousands of websites
built with Framer.
In the past, I've co-founded an eSports company and have created multiple
browser extensions for Google Chrome, used by more than 65.000 people daily.
Blog Posts & Talks
-
How To Improve INP: React⚛️
Posted on: Dec 2, 2024All-in-one guide for improving Interaction-to-Next-Paint (INP) Core Web Vital in React applications. Introduces the useAfterPaintEffect hook.
-
Collecting UX-metrics your boss understands (pdf)
Posted on: Nov 13, 2024Talk about thinking beyond the usual metrics to measure UX and how we do it at Framer, held at Mozilla's performance.sync().
-
INP – Yield Patterns to keep the UI smooth (pdf)
Posted on: Sep 11, 2024Intro to 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.
-
How To Improve INP: Yield Patterns
Posted on: Jul 11, 2024Detailed insights into patterns like await-interaction-response, yieldToMain, yieldUnlessUrgent & tips for faster Interaction-to-Next-Paint (INP).
-
What React 18 does and how it impacts your INP (pdf)
Posted on: Feb 7, 2024In-depth talk about optimistic UI & yielding to improve INP with React, held at the Munich Frontend Developers Meetup.
-
Fastest Way of Passing State to JavaScript, Re-visited
Posted on: Dec 8, 2023Re-visitting the most performant way of passing state to JavaScript. Contains microbenchmarks and a DevTools challenge.
-
Breaking Up with SVG-in-JS in 2023
Posted on: Jun 30, 2023Technical deep-dive on why you shouldn't have SVGs in your JS bundle and better techniques for JSX usage.
-
The modern way of serving images
Posted on: Jan 25, 2023Technical in-depth guide for the <picture> & <img> srcset and sizes attributes to create responsive & performant images.