Una landing da 8 ko senza frustrare il visitatore

La sfida: nemmeno un kilobyte di JavaScript, nemmeno una polyfill, nemmeno uno script di terze parti. La pagina deve caricare in meno di 200 ms, scrollare a 60 fps, avere animazioni pulite legate allo scroll, supportare il responsive e restare sotto 8 ko gzip.

Cosa abbiamo potuto fare: layout a griglia, animazioni CSS scroll-driven (Chrome 115+, fallback graceful), form nativi con validazione HTML5, dark mode via prefers-color-scheme. La tipografia è variabile, sottosettata, woff2. Le immagini sono AVIF inline o background-image.

Cosa non abbiamo potuto fare: modali di registrazione animati, caroselli di immagini interattivi, comparatori, calcolatori. Per questi serve JS. Ma l'80 % delle landing page non ne hanno bisogno — semplicemente spediamo JS per abitudine.