[CSS][Feuilles de styles dynamiques] çà ralentit le chargement des pages ?

Bonjour,

j'avais remarqué cette solution pour créer des CSS
mais j'avais l'idée que çà devait ralentir le chargement des pages
et peut-être même que la feuille se recréerait à chaque chargement.

j'ai pas approfondit
mais le message de Vincent du 3 mars
(css squelettes - encodage et documents)
semble aller dans ce sens.

j'aimerais savoir ce qu'il en est
car je n'ai rien trouvé d'explicite
sur les conséquences d'un tel choix.

jean-pierre
58140 Lormes

Le 09/03/2010 14:50, Air Libre a écrit :

j'avais remarqué cette solution pour créer des CSS
mais j'avais l'idée que çà devait ralentir le chargement des pages
et peut-être même que la feuille se recréerait à chaque chargement.
   
Cela rajoute un fichier calculé à la compilation, donc oui, cela peut ralentir légèrement le calcul d'une page, mais si ta feuille de style ne fais pas trois kilomètres, ce ralentissement est négligeable. Une fois calculée, la feuille est en cache et ne ralentit en rien le chargement de ta page.
C'est à toi de choisir avec la balise #CACHE la fréquence de recréation de ce fichier, donc non, la feuille de style ne se recrée pas à chaque chargement, sauf si tu a réglé le cache à 0 (ou quelques secondes ). Si tu n'indiques pas de cache, c'est le cache de la page appelante qui sera pris en compte.

Éric

> j'avais l'idée que çà devait ralentir le chargement des pages
> et peut-être même que la feuille se recréerait à chaque chargement.

Une fois
calculée, la feuille est en cache et ne ralentit en rien le chargement
de ta page.
C'est à toi de choisir avec la balise #CACHE la fréquence de recréation

merci Eric, j'approfondis un peu ma question pour des sites mutualisés par un exemple :

- je construis une css standard.css pour les réglages fixes et communs à l'ensemble des sites

- plus une pagecss_x.html dynamique pour configurer les réglages individuels des couleurs de chaque site

Est-ce que la css créée dynamiquement se recharge dans le navigateur sur le poste de travail pour chaque page visitée ?

Ou bien, est-ce que la css créée dynamiquement (pagecss_x.css) s'installe une fois pour toute dans le navigateur sur le poste de travail avec la page commune aux sites (standard.css) ?

jean pierre
58140 Lormes

Le 10/03/2010 13:24, Air Libre a écrit :

- je construis une css standard.css pour les réglages fixes et communs à l'ensemble des sites

- plus une pagecss_x.html dynamique pour configurer les réglages individuels des couleurs de chaque site

Est-ce que la css créée dynamiquement se recharge dans le navigateur sur le poste de travail pour chaque page visitée ?
   
non, pas pour chaque page, mais pour chaque site.

Ou bien, est-ce que la css créée dynamiquement (pagecss_x.css) s'installe une fois pour toute dans le navigateur sur le poste de travail avec la page commune aux sites (standard.css) ?
   
oui

Éric

Le 10/03/2010 13:24, Air Libre a écrit :

j'avais l'idée que çà devait ralentir le chargement des pages et
peut-être même que la feuille se recréerait à chaque
chargement.

Une fois calculée, la feuille est en cache et ne ralentit en rien
le chargement de ta page. C'est à toi de choisir avec la balise
#CACHE la fréquence de recréation

merci Eric, j'approfondis un peu ma question pour des sites
mutualisés par un exemple :

- je construis une css standard.css pour les réglages fixes et
communs à l'ensemble des sites

- plus une pagecss_x.html dynamique pour configurer les réglages
individuels des couleurs de chaque site

Est-ce que la css créée dynamiquement se recharge dans le navigateur
sur le poste de travail pour chaque page visitée ?

Beaucoup de facteurs rentrent en ligne de compte :
- réglages du serveur (Apache ou autre) visibles avec Firebug / onglet
  Réseau / Recharger la page et cliquer sur le '+' devant ta CSS
- bon vouloir du navigateur

En modifiant un fichier CSS, tu ne peux pas être certain que tous tes
visiteurs vont récupérer la dernière version ... mais tu peux très
facilement contourner ce problème en faisant charger aux visiteurs
un fichier dont tu es certain qu'il n'est *pas* dans le cache : il
suffit de changer le nom du fichier !
Ex: suffixer le nom avec la date du jour (style_siteA_11032010.css)
ou bien un numéro de version (style_siteA_013.css)
ou bien rajouter un paramètre :
http://www.sitea.com/squelettes/style_siteA.css?dummy=10032010 hier
http://www.sitea.com/squelettes/style_siteA.css?dummy=12032010 demain

Attention à ne pas rentrer dans des systèmes extrêmement complexes, la
simplicité a du bon :wink:
Pour des sites mutualisés et à moins d'en avoir des milliers comme
Telefun/Skyblog, une autre solution est d'avoir une unique feuille de
style (ou une poignée, par exemple les gabarits de formulaires à part),
de rajouter une classe sur l'élément body et d'inclure les variantes
propres à chaque site dans cette CSS en les faisant commencer par cette
classe.

/* par défaut */
p { font-family: Arial,Helvetica,Verdana,sans-serif; }

/* sauf mon site consacré à la typographie */
.monsitesurlatypo p { font-family: georgia,times,serif; }

/* et mon site de mauvais goût */
.maispouah p { fon-family: "Comic Sans MS",sans-serif }

Si tes sites ont beaucoup de points communs, c'est une solution valable.
D'autres facteurs qui rentrent en ligne de compte sont tes préférences
personnelles: marre de travailler avec 15 fichiers ouverts ou au contraire
avec des fichiers de 3000 lignes ! L'important est de s'y retrouver

Cdt,
Ph. Vayssière

Ah que voilà de bonnes informations,

dans ce cas, je vais penser à intégrer
des feuilles de styles dynamiques dans mes sous domaines.

merci Eric et Philippe,
Il y a parfois des solutions qui simplifient la vie
même si elles nécessitent au départ un peu de réflexion.

jean pierre
58140 Lormes