Chargement et requêtes serveur avec les Media-Queries CSS

Bonjour à toutes et tous

J'ai une petite question à laquelle je ne trouve pas la réponse, je vous explique.

Je m'intéresse au Media-Queries et j'aimerais savoir quelle est la meilleure méthode pour les charger et surtout pour éviter de charger des choses inutilement et réduire ainsi les requêtes vers le serveur.

Vaut-il mieux mettre une page de style par media, comme ceci :

<link rel="stylesheet" media="screen" href="screen.css" type="text/css" />
<link rel="stylesheet" media="print" href="print.css" type="text/css" />

Mais dans ce cas là, le navigateur va-il charger directement les 2 fichiers ?

Ou alors dans les incorporer directement dans la feuille de style avec Media, comme ceci :

@media print {
  #menu, #footer, aside {
    display:none;
  }
  body {
    font-size:120%;
    color:black;
  }
}

Mais ce cas là, si on mets plusieurs Media, ne va t’ont pas alourdir la feuille de style ?

J'ai regardé les sujets suivants :

http://www.alsacreations.com/article/lire/930-css3-media-queries.html

http://www.alsacreations.com/astuce/lire/1073-simuler-simulation-site-web-telephones-mobiles-mobile-protofluid.html

Je suis également en cours de lecture de cet ouvrage

http://www.alsacreations.com/livres/lire/1320-responsive-web-design.html

Mais je ne trouve pas la réponse à mes questions.

Si je regarde dans la source de http://www.alsacreations.fr/, il me semble voir que les Media sont dans la page CSS principale.

Merci d'avance de m'aiguiller vers la bonne pratique

Bonne journée à tous en attendant.

Ciao ciao Marc...
Modifié par marc.suisse (21 Dec 2011 - 13:23)

Perso j'ai tout mis dans un fichier (enfin non, 2, mais le premier c'est juste pour les fontes) et ça tourne très bien comme ça. Mon fichier css principal fait 10Ko compressé, ce qui est assez peu.

Avantage : le navigateur ne fait qu'une seule requête http et donc il y a une meilleure performance.

À moins d'avoir un fichier css avec des milliers de lignes, tu peux tout faire dans un seul fichier.

Salut et merci de ta réponse

Tu soulèves le point sur la compression du fichier CSS, est-ce cela n'engendre pas des difficultés par la suite si l'on doit "dépanner" le site ?

Autre question, depuis quel poids ( du fichier CSS ) doit-on compresser ce dernier ?

marc.suisse a écrit :
Tu soulèves le point sur la compression du fichier CSS, est-ce cela n'engendre pas des difficultés par la suite si l'on doit "dépanner" le site ?

La compression peut s'effectuer en mode gzip ou deflate, via un .htaccess (plus d'infos dans cet article de dew).

Salut Victor, merci de ta réponse

Merci pour l'article, il m'avait échappé et pourtant je suis régulièrement les actualités ici sur Alsacréations.

Je vais aller y jeter un coup d’œil