Skip to main content

Rendo il web più veloce e più usabile

Talk: Come ho reso il web più reattivo — casi reali di ottimizzazione dell'INP

A partire da maggio 2024 ho iniziato a tenere talk a conferenze e meetup su come migliorare la reattività del web. I miei interventi si concentrano su come fare il debug e prevenire le interazioni lente, attingendo alla mia esperienza di audit dell'Interaction to Next Paint (INP) su decine di siti web di clienti.

Dopo una spiegazione iniziale dell'INP, mostro come fare il debug delle interazioni lente utilizzando sia Chrome DevTools sia i dati RUM (Real User Monitoring). Illustro poi tre errori comuni che ho riscontrato durante l'audit dell'INP su decine di siti web e spiego come evitarli per garantire interazioni scattanti per l'utente e mantenere l'INP sotto i 200 millisecondi.

📽️ Slide

We Love Speed, Nantes 🇫🇷 - #

Andrea Verlicchi parla a We Love Speed, Nantes, 2024
Sul palco di We Love Speed 2024, Nantes

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

📺 Video - Pagina dell'evento

We Make Future, Bologna 🇮🇹 - #

Andrea Verlicchi parla sul palco Coding Front-end di We Make Future Bologna. La slide mostra il browser che visita un sito web, i developer tools del browser aperti sul pannello Performance, e 7 passaggi descritti a destra. 1: Emulate device, 2: Performance options, 3: Slowdown the CPU, 4: Start recording, 5: Click around, 6: Type around, 7: Stop recording
Sul palco Coding Front-end di WMF 2024: come fare il debug dell'INP, alla vecchia maniera.

Il titolo del talk, in italiano, era "Migliorare la reattività del web — Guida pratica per debug e prevenzione delle interazioni lente".

📺 Video - Pagina dell'evento

Google Developer Group, Madrid 🇪🇸 - #

Andrea Verlicchi parla a GDG Madrid (presso Celonis), alcune persone nelle prime file, la slide mostra la parte di input delay della misurazione dell'INP nel thread principale del browser
Presentazione al GDG Madrid, in cui mostro la prima sotto-parte dell'INP: l'Input Delay.

Il titolo del talk in spagnolo era: "Hagamos que la web sea mas responsive en 2024".

Evento GDG Madrid

Bologna JS, Bologna 🇮🇹 - #

Andrea Verlicchi parla al Bologna JS, alcune persone nelle prime file, la slide mostra la parola 'Conclusion'
Al meetup di Bologna JS. Questa è l'unica foto che ho 🤷‍♂️. Praticamente la conclusione.

📺 Video · Pagina dell'evento su Meetup

Google Developer Group, Bologna 🇮🇹 - #

Andrea Verlicchi sul palco del Phygital Hub (Gellify)
Io che parlo sul "palco" al Phygital Hub (Gellify)

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

Pagina dell'evento

DevRomagna, Faenza 🇮🇹 - #

Andrea Verlicchi sul palco di DevRomagna, Faenza
Io che parlo sul palco di DevRomagna, Faenza

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

Pagina dell'evento