Un file CSS o multiplo per pagine diverse

Question

Ho un sito in cui tutte le pagine hanno la stessa intestazione e il piè di pagina, ma variano in base al contenuto. Stimo che il 30% del CSS è comune a tutte le pagine, con variazioni del 70%.

Quali sono i relativi vantaggi e svantaggi dell'utilizzo di un file CSS o multiplo per pagine diverse?

Answer 1

I vantaggi di un unico file CSS

• sola richiesta HTTP è necessario per prenderlo, che migliora la prima volta di caricamento della pagina per la maggior parte degli utenti e potrà accelerare le successive caricamento della pagina, soprattutto se sono previsti gli utenti per visitare più di un tipo di pagina diverso durante la loro visita. Questo può anche ridurre il carico del server.

Vantaggi di più file CSS

• Riduce la larghezza di banda, in particolare se un dato utente non è in grado di visualizzare molti dei diversi tipi di pagina sul tuo sito durante la loro visita (che può essere il caso se il tuo sito è diviso in sotto-siti quasi completamente indipendenti). Si noti che più file CSS aumenteranno le richieste HTTP, che nonostante i risparmi sulla larghezza di banda potrebbero effettivamente ridurre la velocità di caricamento delle connessioni moderne.

Sono generalmente favorevole ad avere un singolo file CSS per un sito nella maggior parte dei casi.

Answer 2

Più file CSS richiedono più richieste per recuperare i file dai server: questo può introdurre una latenza aggiuntiva prima che il client possa eseguire il rendering delle pagine. Un singolo file CSS implicherebbe una minore latenza e potrebbe consentire al tuo sito di renderlo molto più veloce.

I vantaggi di un singolo file CSS aumentano all'aumentare della velocità di latenza del client, quindi i modem e i telefoni cellulari a latenza elevata potrebbero trarne vantaggio più dei computer connessi a banda larga.

Answer 3

Sono d'accordo con le altre risposte che un file è generalmente migliore, e aggiungerò che nella mia esperienza, dopo minification e gzip (state facendo entrambi, giusto?) Nessun CSS che abbia mai servito è stato più di una manciata di kilobyte. I file CSS possono essere fisicamente lunghi in termini di # di linee di origine, ma quando li abbattono sono abbastanza compatti (e non c'è più testo che puoi pensare).

E 'una di quelle cose in cui ottimizzare i CSS rompendo fuori attraverso le pagine può essere fatto, ma ci sono tante cose più grandi che si può trascorrere il vostro tempo ottimizzando che è davvero difficile da giustificare lo sforzo lì.

Answer 4

Aggiungendo alla risposta accettata:

Vantaggi di più file CSS

migliore organizzazione del codice - più facile da navigare loro e sapere che i cambiamenti non influenzano pagine diversi da quello che si sta lavorando sopra.