Je travaille sur un site Web de conception réactive pour fournir du contenu pour toutes les tailles d'écran. J'ai des requêtes multimédias pour 5 "étapes" différentes, et le fichier CSS fait environ 30 Ko.
Serait-il préférable de diviser cela en fichiers séparés et de les rendre similaires à ceci:
<link rel='stylesheet' media='screen and (min-width: 701px) and (max-width: 900px)' href='css/medium.css' />
ou dois-je les conserver dans un seul fichier CSS?
Mise à jour: Je voulais juste ajouter que ma principale préoccupation était la vitesse d'ouverture / de rendu des pages de navigateur / appareil, pas la facilité de développement.