Qualche vantaggio di dividere i fogli di stile dei progetti web?

1

Per quanto riguarda il fatto che C in CSS sta per Cascade, in generale le regole descritte in un file possono modificare / sostituire le regole in altri file, possiamo affermare che tutti i file di progetto css dovrebbero essere concatenati in un singolo file nella maggior parte dei casi.

Perché il browser continua a non ottenere tutto lo stile calcolato finché tutte le regole saranno prese in considerazione.

In altre parole, c'è un senso nel parallelizzare il download di stili per il progetto web. Quale sarà la regola per decidere se il file css debba essere diviso in più o viceversa?

Possiamo dire, ad esempio, che ci sono proprietà css "cruciali" - come dimensioni, paddings e margini - e meno cruciali - come colori, transizioni, ecc.? E che gli stili meno importanti potrebbero essere scaricati come una risorsa separata?

    
posta shabunc 11.09.2015 - 13:51
fonte

2 risposte

1

Un motivo per mantenere più file CSS nell'ambiente di sviluppo è che una parte dello stile è comune a tutte (o molte) le pagine Web e altre parti differiscono per pagina web. Ad esempio, un'applicazione può supportare più marchi. Un file css contiene gli stili comuni per tutte le marche e ci sono stili specifici per marca.

Potresti anche avere fogli di stile separati per unità logica, ad es. un foglio di stile per lo styling dei dati dei clienti, uno per lo styling di una galleria di immagini, ecc. Quando più sviluppatori hanno bisogno di adattare gli stili simultaneamente, le probabilità che abbiano bisogno dello stesso file (e quindi debbano fondersi spesso) diminuiscono.

Tuttavia, nella maggior parte dei casi, i fogli di stile sono concatenati e ridotti nell'ambiente di produzione.

Un motivo per cui potrebbe essere opportuno mantenere separati i file nell'ambiente di produzione è che il file css riutilizzato su più pagine può essere memorizzato nella cache. Quando si carica una pagina, è necessario scaricare solo il foglio di stile specifico della pagina. Hai un altro file da scaricare, ma meno dati da scaricare in totale. In molti casi, la dimensione di un foglio di stile è relativamente piccola e il vantaggio di un foglio di stile memorizzato nella cache è troppo piccolo per giustificare la richiesta aggiuntiva.

    
risposta data 10.11.2015 - 23:03
fonte
0

Come per molti progetti: la gestione. Ho un progetto in cui mantengo 5 meno fogli di stile ma sono compilati in un singolo file.

In questo modo è facile andare dove devo andare, ma è sufficiente includere un singolo file per il progetto. Riducendolo ulteriormente, il file viene ridotto.

Ho altri file CSS per script di terze parti e quant'altro, ma per il sito è come l'ho gestito.

    
risposta data 11.09.2015 - 15:36
fonte