Andrea Verlicchi

Making the web faster and more user-friendly

Talk: How I made the web more responsive — real-world case studies of INP optimizations

In May 2024, I started speaking at conferences and meetups about improving web responsiveness. My talks focus on debugging and preventing slow interactions, drawing from my experience auditing Interaction to Next Paint (INP) on dozens of clients' websites.

After providing an initial explanation of INP, I demonstrate how to debug slow interactions using both Chrome DevTools and Real User Monitoring (RUM) data. I then illustrate three common mistakes I encountered while auditing INP on dozens of websites and explain how to avoid them to ensure snappy user interactions and keep your INP below 200 milliseconds.

📽️ Slides

We Love Speed, Nantes 🇫🇷 - #

Andrea Verlicchi speaking at We Love Speed, Nantes, 2024
On stage at We Love Speed 2024, Nantes

The title of the talk was "How I made the web more responsive - real-world case studies of INP optimizations", in French "Comment j’ai rendu le web plus réactif — études de cas concrets d’optimisations d’INP".

📺 Video - Event page

We Make Future, Bologna 🇮🇹 - #

Andrea Verlicchi speaking on the Coding Front-end stage of We Make Future Bologna. The slide shows the browser visiting a website, the developer tools of the browser open on the Performance panel, and 7 steps described to the right. 1: Emulate device, 2: Performance options, 3: Slowdown the CPU, 4: Start recording, 5: Click around, 6: Type around, 7: Stop recording
On the Coding Front-end stage of WMF 2024: how to debug INP, the hard way.

The title of the talk, in Italian, was "Migliorare la reattività del web — Guida pratica per debug e prevenzione delle interazioni lente".

📺 Video - Event page

Google Developer Group, Madrid 🇪🇸 - #

Andrea Verlicchi speaking at GDG Madrid (c/o Celonis), a few people in the front rows, the slide showing the input delay part of the INP measurement in the browser's main thread
Presenting at GDG Madrid, showing the first of the INP subparts: Input Delay.

The title of the talk in Spanish was: "Hagamos que la web sea mas responsive en 2024".

GDG Madrid event

Bologna JS, Bologna 🇮🇹 - #

Andrea Verlicchi speaking at Bologna JS, a few people in the front rows, the slide shows the word 'Conclusion'
At the Bologna JS Meetup. This is the only picture I've got 🤷‍♂️. It's pretty final.

📺 Video · Meetup event page

Google Developer Group, Bologna 🇮🇹 - #

Andrea Verlicchi on stage at Phygital Hub (Gellify)
Me speaking on "stage" at Phygital Hub (Gellify)

Title: "Come ho reso il web più reattivo - Guida pratica di come trovare ed evitare le interazioni lente."

Event page

DevRomagna, Faenza 🇮🇹 - #

Andrea Verlicchi on stage at DevRomagna, Faenza
Me speaking on "stage" on stage at DevRomagna, Faenza

Title: "Come ho reso il web più reattivo - Guida pratica di come trovare ed evitare le interazioni lente."

Event page