Web Performance & Core Web Vitals

Con il termine Web Performance si intende un aspetto fondamentale dello sviluppo web che si concentra sulla velocità di caricamento delle pagine e la loro reattività rispetto all'input utente.
Quando si ottimizza il proprio sito web e/o applicazione web allo scopo di migliorarne le prestazioni, si sta offrendo ai propri utenti anche una migliore User Experience.

E non solo... anche le conversioni aumentano. È dimostrato che minore sarà il tempo impiegato dall'utente a visualizzare i contenuti, o ad interagire con la pagina, e maggiore sarà la probabilità di acquisto, di utilizzare il prodotto o semplicemente di non abbandonare la pagina.

I CWV sono un set di metriche per misurare le performance di un sito/applicazione web che Google ritiene importanti per la user experience. In questo corso analizzeremo molti dei parametri fondamentali dei CWV ed esploreremo diverse tecniche per migliorarne i punteggi.

Migliori saranno i punteggi ottenuti dai CWV e migliore sarà la User Experience dell'utente.

Stiamo assistendo ad una rivoluzione del mondo front-end e moltissimi nuovi (full-stack) framework stanno nascendo o si stanno evolvendo: Next, Astro, Qwik, SvelteKit, SolidJS, Angular Universal, solo per citarne alcuni.

Perchè?
Le attuali Single Page Application sviluppate, ad esempio, in Angular o React, utilizzano il Client Side Rendering (CSR), che tuttavia non permette di raggiungere prestazioni elevate in fase di bootstrap dell'applicazione e neppure a garantire una buona indicizzazione dei contenuti sui motori di ricerca.,

Alcuni parametri dei Core Web Vitals sono influenzati dai tempi di risposta del server e, di conseguenza, è indispensabile comprendere le diverse strategie di rendering offerte attualmente dai più famosi framework front-end.

Analizzeremo, quindi, le differenze tra le più diffuse tecniche di rendering e le recenti strategie introdotte dai vari framework di ultima generazione per migliorare il processo di hydration.
Buona parte dei framework front-end stanno supportanto differenti pattern di rendering oltre al CSR (ad es. Server Side Rendering (SSR), Static Generation (SSG/ISG), ...) allo scopo di velocizzare il primo rendering e cercando, inoltre, di ottimizzare il processo di hydration, (riducendo il tempo in cui una pagina diventa interattiva) evolvendo o introducendo moltissime nuove strategie: React server components, Partial Hydration e Island Architectures, Resumability, solo per citarne alcune.

Al termine del corso gli studenti saranno in grado di comprendere l'importanza di ottimizzare i punteggi dei Core Web Vitals e di come differenti pattern di rendering o strategie di hydration possano influenzare questi parametri, migliorando sia la User Experience che la SEO delle proprie applicazioni / siti web.
Una panoramica dei framework di ultima generazione permetterà inoltre di acquisire consapevolezza su quale sia lo strumento da scegliere per i prossimi progetti che dovranno sviluppare.

Programmatori front-end e back-end, designer, ingegneri e architetti, Project Managers.

Per comprendere il contenuto di questo corso non è necessario conoscere JavaScript in modo approfondito ma è comunque rivolto ad un pubblico tecnico che ha esperienze, attive o marginali, nello sviluppo di progetti web.