Spero che il titolo sia comprensibile.
Stessa pagina, stessa immagine: se il codice css è interno, il suo peso (quello della pagina), è tot.
Se il medesimo codice è, invece, richiamato da un foglio esterno (<link href="mio-foglio.css" rel="stylesheet" type="text/css" />), il peso della pagina aumenta notevolmente.

Come mai?

Grazie.