Codemotion 2022 - Siamo tutti bravi con il browser degli altri

Questa è stata la mia prima esperienza ad un evento dal vivo per developers, ed è stato per me davvero emozionante parteciparvi. L’evento è stato ben organizzato, con una grande varietà di talks da seguire. Gli interventi sono stati tutti molto interessanti, come quello di Emma Twersky riguardante il mondo dell’open source oppure quello tenuto da Fabio Biondi inerente al nuovo Javascript bundler esbuild. Il talk che mi ha colpito di più è stato però quello di Francesco Sciuti sui browser e su come funzionano. Lo speaker è molto simpatico ed ha voluto dare un taglio spiritoso al suo talk, lo si capisce già dal titolo, ovvero: “Siamo tutti bravi con il browser degli altri”. Sintetizzando, lo speaker ha voluto sottolineare come dietro ad un browser c’è tantissimo lavoro da parte degli sviluppatori, che rende l’introduzione ed il miglioramento delle features di un browser un lavoro davvero complicato. Basti pensare basti pensare alla barra degli indirizzi ed a cosa accade quando viene digitato un indirizzo:

• viene valutato l’input
• inizia la navigazione
• viene letta e gestita la risposta
• viene attivato un render process
• viene presa in carico la navigazione
• inizia la document loading phase

Il tutto gestito da processi del browser che prendono il nome di Browser Process, Network Process e Render Process. Il talk si è poi basato sulla spiegazione dettagliata del Render Process e di tutte le fasi che lo compongono (Parsing, Style Calculation, Layout, Paint Compositing). Ci ha poi parlato del Critical Rendering Path, ovvero l’intero processo tra la ricezione dei files html, js e css e la renderizzazione dei pixel sullo schermo, analizzando le possibilità a nostra disposizione per migliorare le prestazioni come ad esempio:

• request animation frame
• async/defer attributes
• workers
• priorità delle risorse
• valutare i css triggers

Sono stati forniti, inoltre, alcuni link utili per approfondire le tematiche trattate, che potete trovare a questo indirizzo https://www.slideshare.net/FrancescoSciuti/siamo-tutti-bravi-con-il-browser-degli-altri-1pdf.