Performance web: da dove iniziare
Le performance web sono un campo enorme. La maggior parte delle ottimizzazioni impattano meno dell'1%. Queste invece impattano davvero.
Il 80% del guadagno di performance viene da tre cose: immagini ottimizzate, font caricati correttamente, JavaScript minimizzato e splittato. Prima di fare qualsiasi altra cosa, risolvi questi tre. Le immagini in formato WebP o AVIF con lazy loading, le dimensioni corrette per ogni breakpoint. I font con preload e font-display: swap. Il JS con code splitting per route.
Il secondo livello sono i Core Web Vitals: LCP (Largest Contentful Paint), FID/INP (Input Delay), CLS (Cumulative Layout Shift). Sono le metriche che Google usa per il ranking. LCP si migliora con immagini hero ottimizzate e server response veloci. CLS si elimina con dimensioni esplicite su immagini e elementi dinamici. INP si riduce con JS non bloccante.
Quello che non ha senso ottimizzare subito: micro-ottimizzazioni CSS, inline svg invece di img, lazy loading su elementi above the fold, preload di risorse non critiche. Ho visto sviluppatori sprecare settimane su questi dettagli con impatto reale sotto l'1% mentre le loro immagini erano PNG da 2MB.