italia / bootstrap-italia

Bootstrap Italia è un tema basato su Bootstrap 5 conforme alle "Linee guida di design per i siti internet e i servizi digitali della Pubblica Amministrazione"
https://italia.github.io/bootstrap-italia
BSD 3-Clause "New" or "Revised" License
308 stars 163 forks source link

Ottimizzare il peso della libreria #1208

Open zetareticoli opened 1 week ago

zetareticoli commented 1 week ago

Esiste già una discussione sul tema che ti interessa, o su un tema simile?

Versione della libreria

v2.9.0

Cosa

Il file bootstrap.italia.min.css pesa 611kb. Dobbiamo capire come ottimizzare il codice per ridurlo.

Perché

Ottimizzare il caricamento della risorsa.

Contesto

No response

Altro

No response

Fupete commented 1 week ago

Qui un'analisi che può essere utile con Wallace (cliccare "Analyze url"): https://www.projectwallace.com/analyze-css?url=https%3A%2F%2Fitalia.github.io%2Fbootstrap-italia%2F&prettify=1

Intanto comunque documenterei meglio l'uso via moduli, da preferire rispetto all'uso del "bundle" intero. L'approccio "Tree shaking" dei moduli sia su js che css permette infatti già oggi di lasciare solo le cose che stai usando, riducendo sensibilmente il peso in molti casi.

cc @astagi