È meglio e più veloce usare fogli di stile diversi per dispositivi diversi o averlo in un foglio di stile come bootstrap?

La posta indesiderata non è un modo per migliorare la velocità o l’efficienza. Il modo giusto di fare le cose è fare un design reattivo che non abbia bisogno di molti stili alternativi, quindi incorporare le query multimediali per le alternative in un singolo foglio di stile che può essere servito a tutti i tipi di dispositivi senza l’eccessivo peso, analizzando i requisiti e rendendo le spese generali imposto da framework gonfiati e ingegnerizzati come Bootstrap che aggiungono ogni tipo di peso extra a requisiti di presentazione anche molto semplici.

Tuttavia, anche tu non vuoi fare l’errore di creare un foglio di stile monolitico per l’intero sito che comporterà anche un sovraccarico. Preferisco usare regole CSS indipendenti dalle pagine generate da un database, quindi finisco con meno di 15k di CSS con regole a cascata specifiche per pagina, non una grande raccolta di piccole regole generali che richiedono un gran numero di classi da applicare agli elementi e spesso non a cascata.

Ho scritto una serie di articoli che iniziano con: CSS Database Design

Meno richiesta di file hai sul server influenzerà la velocità del sito. È meglio avere il minor numero di file possibile. Allo stesso tempo, è anche intelligente bruciare / comprimere il codice quando è pronto per essere pubblicato. Questo rimuoverà cose come spazi bianchi e commenti. Lo fai solo quando sei pronto per essere pubblicato e dovrebbe apparire come un file diverso con .min aggiunto al nome del file.

Se ti senti più a tuo agio nel creare / gestire più file di CSS, potresti prendere in considerazione SASS. Con SASS puoi scrivere codice su centinaia di file diversi. Al diavolo potresti avere un nuovo file per ogni nuovo elemento CSS se lo desideri (probabilmente non vorrai farlo). È quindi possibile includere tutti quei file in un singolo file e compilarli tutti in un unico file css. SASS controllerà persino il tuo codice in modo che una volta salvato un file aggiornerà immediatamente la versione compilata. È davvero una grande funzionalità / strumento per gli sviluppatori.