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 began speaking at local meetups and conferences about enhancing web responsiveness. Specifically, I discuss debugging and avoiding slow interactions based on my experience in auditing Interaction to Next Paint (INP) on clients' websites.

Enhancing Web Responsiveness - Debugging and avoiding slow interactions - Andrea Verlicchi - Web Performance GDE - @verlok
The title slide of my talk

After providing an initial explanation of INP, I show how to debug slow interactions using Google Chrome's Developer Tools, the Core Web Vitals extension for Chrome, and Real User Monitoring (RUM) data. I also cover three common mistakes to avoid in order to ensure snappy user interactions and keep your INP below 200 milliseconds.

Slides

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 coming soon - Event page

GDG 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