Le ultime versioni di Chrome dedicate agli sviluppatori includono una nuova funzionalità pensata per facilitare il debugging di un sito Web, un’opzione che permette di seguire passo dopo passo il rendering di una pagina per valutare le ottimizzazioni da apportare al codice sorgente o ai framework utilizzati.
La funzionalità “Filmstrip” è disponibile su Chrome Canary e, una volta abilitata, è in grado di mostrare uno screenshot incrementale per ogni fase del processo di rendering di una pagina; in questo modo uno sviluppatore può osservare il comportamento del codice nel tempo intercorso tra la connessione al server e il caricamento finale della pagina nel browser Web del client.
Le singole istantanee create da Filmstrip sono poi consultabili sotto forma di anteprima, ed è possibile usare i tasti cursore della tastiera per passare da un'istantanea a quella successiva e viceversa.
In tal modo uno sviluppatore sufficientemente accorto sarà in grado di valutare i punti deboli presenti nel codice della propria Web application, apportando modifiche utili al miglioramento delle prestazioni così come per l’uso di un font loader per le font personalizzate o per l’ottimizzazione nel caricamento delle immagini.
Via | Damon Bauer
/https://www.html.it/app/uploads/2023/09/DevToys.png)
/https://www.html.it/app/uploads/2009/01/server.png)
/https://www.html.it/app/uploads/2019/06/firefox-1.jpg)
/https://www.html.it/app/uploads/2018/01/power_battery-1.jpg)