Devi trovare un difficile equilibrio. Da un lato, si desidera mantenere le richieste il più basse possibile in quanto HTTP1 non consente più risorse in una richiesta e HTTP2 non è così comune come sarà.
D'altra parte, c'è velocità di analisi. Su un dispositivo mobile, file di argomenti. Ci vuole più tempo per analizzare (= tradurre il tuo css in un risultato reale) rispetto a un computer desktop.
Se si dispone di un file di grandi dimensioni, ad esempio 500kb +, la richiesta aggiuntiva potrebbe valerne la pena (e, quando si utilizza la cache in modo corretto, richiederà solo un download per periodo di cache). Prova a ridurre al minimo il numero di file, ad es. non crearne uno per < 320, < 680, < 768, < 1024 ecc ecc. Diviso in due, forse tre file (a meno che non si abbia una buona ragione per fare altrimenti).
Si potrebbe anche girare intorno a. Alcuni sviluppatori amano costruire il cellulare prima e poi scalare le dimensioni del desktop. Invece di cambiare css quando vai più piccolo, usi screen and (min-width:1024px)
. Quindi mantieni il tuo css mobile nel foglio di stile principale e dai alla versione del browser il file 1024px +, che è spesso più capace quindi avrà meno effetto.
E non dimenticare la manutenibilità. Devi mantenere il codice.Se dividi tutto in file, non ti rendi le cose più facili. Se le soluzioni che implementate sono minime, potresti voler riconsiderare, perché il codice difficile avrà un effetto peggiore a lungo termine.
Credi in 'SASS'? – varit05
Ogni sviluppatore può avere un'opinione diversa su questo, ovviamente a seconda dello scenario. Non c'è una risposta "corretta" secondo me ... –
dovrei? .. voglio dire, i CSS sono come la cosa più semplice sulla terra ... quindi quando qualcuno mi dice che ha reso la cosa più semplice "più semplice" allora non posso smettere di pensare, cosa c'è di sbagliato in quel ragazzo :) – 99Problems