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

Des livres incontournables pour tout maîtriser

Auteur
marc.suisse	# 21 Dec 2011, 13:23:08
186 Posts	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)
186 Posts
Patidou	# 21 Dec 2011, 13:58:52
2269 Posts	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. Avertissement : il est inutile de m'envoyer des mp pour demander de répondre à vos sujets sur le forum. Je répond si j'ai un élément de réponse et si j'ai le temps. Merci d'avance.
2269 Posts
marc.suisse	# 21 Dec 2011, 14:47:46
186 Posts	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 ?
186 Posts
Victor BRITO	# 21 Dec 2011, 15:06:06
Je ne suis pas mort, je dors 2385 Posts	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). En campagne contre la balkanisation du Web, pour rappeler qu'il existe un seul Web Mon avatar : l'ancien département de la Seine (le grand 75 d'avant 1968)
Je ne suis pas mort, je dors 2385 Posts
marc.suisse	# 22 Dec 2011, 07:56:20
186 Posts	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
186 Posts
Prévenir un modérateur