Ottimizzare il peso della libreria

[zetareticoli]

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

• Ho verificato e non esiste

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]

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

[Fupete]

@astagi forse vale la pena riscrivere la parte di documentazione per rendere più chiaro che l'approccio tree shaking può riguardare sia CSS che JS...

[astagi]

@Fupete @zetareticoli credo che questa issue andrà a risolversi da sola mano a mano che troviamo codice/stili obsoleti. Per il resto qua sto riscrivendo parti della documentazione, ci aggiungo l'approccio tree shaking per JS e import singoli per SASS (con il refactoring ci viene più facile avendo accorpato gli stili dei componenti in un file per componente).