2026-01-14 · perf · 7 min

Une landing à 8 ko sans frustrer le visiteur

L'expérience exp_007 prouve qu'on peut faire une vraie page premium en HTML+CSS uniquement, sous 8 kilo-octets gzip. Mais à quel prix ?

Le défi : pas un seul kilo-octet de JavaScript, pas une seule polyfill, pas un seul script tiers. La page doit charger en moins de 200 ms, scroller en 60 fps, avoir des animations propres au scroll, supporter le responsive, et tenir sous 8 ko gzip.

Ce qu'on a pu faire : layout grid, animations CSS scroll-driven (Chrome 115+, fallback gracieux), formulaires natifs avec validation HTML5, dark mode via prefers-color-scheme. La typographie est variable, sous-réglée, woff2. Les images sont AVIF inline ou en background-image.

Ce qu'on n'a pas pu faire : modaux d'inscription avec animation, carrousels d'images interactifs, comparateurs, calculateurs. Pour ça on a besoin de JS. Mais 80 % des landings n'ont pas besoin de ça — on est juste habitués à mettre du JS partout par habitude.