Responsive : Choix entre plusieurs fichiers externes CSS dans le HTML ou un CSS général et des media queries

Bonjour,

je pensais qu'en inscrivant un fichier css pour mobile avec quelque chose du genre :

Code:

---

<link rel="stylesheet" media="(orientation:portrait) and (max-width:480px)" type="text/css" href="mobile.p.style.css" />

---

Il ne serait pas chargé sur tout autre support autre que mobile. Or avec firebug, je m'aperçois que tous les fichiers sont chargés, et seulement non-interprétés. Cela prendra donc de la ressource, pour rien...

Par conséquent, les média queries valent-ils mieux que plusieurs fichiers css selon le mobile/tablette/pc ?

Apparemment, elles sont chargées en toute circonstance.

Il reste la détection de contexte (en JS par exemple), mais n'est-ce pas l'anti-media-queries? :)

J'y ai songé, mais cela signifierait que les css ne seront pas chargés tant que le js ne sera pas interprété, si le js plante, si javascript n'est pas activé, ... donc en effet, à peser le pour et le contre, mieux vaut utiliser les media queries à bon escient sans en faire des tartines ;)

Beaucoup de développeurs utilisent des outils comme Bootstrap qui génèrent tout et n'importe quoi sans penser aux ressources que cela prend. C'est dommage.