Web performance has shifted from focusing on initial page load to the entire user experience, as reflected in the evolution of Google's Core Web Vitals.
Interaction to Next Paint (INP) replaces First Input Delay (FID) to measure the responsiveness of all user interactions throughout a session, not just the first one.
An interaction consists of input delay, processing time, and presentation delay, with a total duration under 200ms considered good for INP.
Use field data from Chrome User Experience Report (Crux) and the web-vitals JS library, and lab tools like Lighthouse to identify and reproduce slow interactions.
Network requests made during an interaction's processing time can significantly increase INP, and while loading states fix the metric, they don't improve perceived performance.
Optimistic UI improves perceived performance by immediately showing the successful result of an action while the network request completes in the background.
A hybrid approach uses optimistic updates for low-risk changes and traditional loading states for critical actions like price calculations to balance speed and accuracy.
Apply optimistic UI only when the action has a high success rate, errors can be easily rolled back, and enough information is available to present an accurate update.
Whether using optimistic UI or not, the ultimate goal is to keep the user informed about the status of their interactions to build trust and improve perceived performance.
19:52Nicolas Frizzarin
26:44Eileen Fürstenau
58:59Ines Akrap
28:56Cathrin Möller
14:44Chris Heilmann
22:46Cleyra Uzcategui
29:57Laura Morinigo
27:01Shem Magnezi
.png?w=240&auto=compress,format)
Jobs that call for the skills explored in this talk.
Speech Processing Solutions
Vienna, Austria
doinstruct Software GmbH
Berlin, Germany
infomax websolutions GmbH
Grassau, Germany
Optimi Solutions GmbH