Come abbiamo ottimizzato
il nostro sito
Da 41 a 97 su Lighthouse mobile. Tecniche reali, risultati verificabili. Testa tu stesso il nostro sito su PageSpeed Insights.
Risultati
Prima e Dopo
Metriche misurate con Lighthouse in modalità mobile (4G throttling).
Tecnica
Le 8 Ottimizzazioni
Ogni intervento ha contribuito al risultato. Nessun plugin magico, solo best practices.
GSAP Lazy Loading da CDN
-164 KBGSAP e ScrollTrigger caricati in parallelo da CDN invece che tramite import sequenziali.
Font Self-Hosted
-400msGoogle Fonts sostituito con font self-hosted serviti dal nostro CDN Cloudflare.
CSS Animations per Hero
LCP instantAnimazioni hero convertite da GSAP a CSS puro. h1 visibile immediatamente.
Immagini WebP
-310 KBPNG convertite in WebP ottimizzate. Icone ridotte da 500x500 a 120x120.
CSS Inlined
-200msCSS critico inlined nell'HTML. Zero richieste CSS bloccanti.
Lottie Lazy Load
-50 KBLottie caricato solo quando entra nel viewport via Intersection Observer.
Cache 1 Anno
0ms repeatFont, immagini e asset con cache immutable. Visite successive istantanee.
Preload Critici
parallelFont e logo precaricati. Preconnect a CDN esterni per parallel loading.
Insights
Lezioni Apprese
Third-party = nemico #1
Ogni richiesta esterna aggiunge DNS + TLS + latenza. Self-hosting vince sempre.
JavaScript può aspettare
L'utente non ha bisogno di animazioni per vedere il contenuto. Lazy load everything.
h1 visibile subito
L'elemento LCP deve essere visibile immediatamente, senza attendere JS.
Cache aggressiva
max-age=1year + immutable. Il browser non chiede nemmeno se il file è cambiato.
Stack
Tecnologie Utilizzate
Vuoi ottimizzare il tuo sito?
Analizziamo le performance del tuo sito e proponiamo un piano di ottimizzazione su misura.