Un sito che dimostra quello che vendiamo

Il biglietto da visita è questo sito. Qui sotto trovi com'è costruito, come viaggia fino al tuo browser e quanto è veloce davvero, misurato sui visitatori e non in laboratorio.

Velocità reale, ultimi 7 giorni

Valore al 75° percentile dei visitatori, come lo misura Google. Nessun cookie, nessun dato personale.

LCP…Quando compare il contenuto principale. Buono sotto 2,5 s.
INP…Quanto risponde a un clic o un tocco. Buono sotto 200 ms.
CLS…Quanto salta la pagina mentre carica. Buono sotto 0,1.
TTFB…Tempo alla prima risposta del server. Buono sotto 0,8 s.

Tre livelli di cache, nessuna attesa

Ogni richiesta viene fermata il prima possibile: la risposta più veloce è quella che non parte.

  1. Nel tuo browser

    Il service worker mostra subito la pagina già vista e la aggiorna in background. Le risorse con il codice nel nome restano salvate per un anno. Il browser prepara in anticipo le pagine che stai per aprire (prerender), quindi il clic è istantaneo.

  2. Sul bordo della rete

    Cloudflare risponde dalla cache più vicina, in HTTP/3, e trasforma i suggerimenti di caricamento in Early Hints. Il nostro server non vede nemmeno la richiesta.

  3. Sul server

    I file sono già compressi in Zstd, Brotli e Gzip al momento della pubblicazione: il server non comprime nulla a richiesta. Solo Cloudflare può raggiungerlo, e l'indirizzo reale non è mai esposto.

Peso di questa pagina

Misurato al momento della pubblicazione, dopo la compressione Brotli.

HTML della home
…
CSS totale
…
JavaScript totale
…
Scena 3D (caricata a parte)
…

Il 3D parte solo sulla home e solo sui dispositivi che lo reggono. Con movimento ridotto resta fermo.

Lo stack

Interfaccia

  • Vite 8 e TypeScript 7, HTML vero per ogni pagina
  • GSAP e Lenis per il movimento
  • Three.js per la scena 3D, caricato a richiesta
  • Transizioni tra pagine con View Transitions
  • Animazioni di scroll in solo CSS (animation-timeline)

Consegna

  • HTTP/3 e Early Hints
  • Zstd e Brotli precompressi
  • Prerender con Speculation Rules
  • Service worker con stale-while-revalidate
  • Pubblicazione atomica: nessun momento a metà

Server

  • Caddy come origine, dietro Cloudflare
  • Node 22 con Hono e SQLite in modalità WAL
  • Protezione anti-spam senza servizi esterni
  • Limite di frequenza e controllo dell'origine
  • Servizio isolato con systemd

Il tuo sito è lento? Parlaci del progetto →