28172 sujets

CSS et mise en forme, CSS3

Bonjour.
Je compte aider un ami pour alléger l'accès à son site Joomla.

Il n'a pourtant pas beaucoup d'images, pas beaucoup de pages non plus mais par contre il y plusieurs fichiers CSS reliés à sa page.

Le template (le theme) qu'il utilise semble assez professionnel
Relevant Joomlashack

Mais les fichiers liés son peut être trop nombreux.
<link rel="stylesheet" href="/relevant/templates/system/css/system.css" type="text/css" />
<link rel="stylesheet" href="/relevant/templates/system/css/general.css" type="text/css" />
<link href="/relevant/templates/js_relevant/css/template_css.css" rel="stylesheet" type="text/css" media="screen" />
<link href="/relevant/templates/js_relevant/css/nav.css" rel="stylesheet" type="text/css" media="screen" />
<link href="/relevant/templates/js_relevant/css/style4.css" rel="stylesheet" type="text/css" media="screen" />


Pensez vous qu'il serait plus intéressant de rasembler le tout en un seul fichier ?
Bonjour,

Torifan a écrit :
Pensez vous qu'il serait plus intéressant de rasembler le tout en un seul fichier ?
Oui.

Le poids global du fichier sera sensiblement le même que la somme de ceux des fichiers séparés, le gain n'est donc pas là. Par contre en regroupant tous les CSS en un seul fichier il n'y aura qu'un seul appel au serveur (au lieu de 5 dans ton exemple) et là il y a un gain interessant.

Je te conseille la lecture des explications de Yahoo! pour une réponse plus complète.
Hello,

Tu peux aussi passer ton fichier concaténé par un minificateur CSS (comme CSSTidy) qui va "réecrire" tes regles pour que le fichier final pèse moins lourd.
En gros ça supprime les commentaires et autres espaces inutiles, regroupe les regles semblables, utilise la notation qui pèse le moins lourd, etc.