2025 · 09 · 10 · 3 min

Come arrivo a 98 su Lighthouse ogni volta

Font subsetting, lazy loading aggressivo, nessun CSS inutilizzato. Le tre mosse che fanno la differenza.

▞ ▚ ▞ ▚ ▞ ▚ ▞ ▚ ▞ ▚

Il 98 su Lighthouse non è un obiettivo estetico — è la conseguenza di fare le cose per bene. Le tre mosse che fanno sempre la differenza: font subsetting (carico solo i glifi che uso davvero), lazy loading aggressivo (tutto ciò che è sotto la fold, immagini e componenti), CSS zero unused (nessun framework, solo quello che serve).

Il peso degli asset è la variabile che controllo per prima. Un'immagine hero non compressa da 2MB vanifica qualsiasi ottimizzazione JS. Uso AVIF dove possibile, WebP come fallback, e la direttiva `sizes` per non servire immagini sovradimensionate.

L'ottimizzazione che più sorprende i clienti: il font subsetting. Un titolo in un font display che usa solo 30 glifi può passare da 80kb a 8kb. Non serve rinunciare alla tipografia per avere performance.

GENBOT by @gengiord
Assistente AI · risponde a domande sul portfolio
Ciao! Sono GenBot :)
Come posso aiutarti?