Google Groups no longer supports new Usenet posts or subscriptions. Historical content remains viewable.
Dismiss

Appel de CSS en fin de body

3 views
Skip to first unread message

Stéphane Santon

unread,
Nov 8, 2012, 2:56:58 AM11/8/12
to
Bonjour,

Afin d'optimiser l'affichage de pages HTML5, j'ai placￜ dans mon CMS
l'ancre des additifs du <head> (appels JS) en fin de <body>.
Mais en mￜme temps cerains appels ￜ CSS <link rel="stylesheet...> y ont
ￜtￜ dￜplacￜs.

Et surprise, ï¿œa passe au validateur W3C !
Il est ï¿œtabli que l'appel des JS en fin de body apporte des gains en
performances, mais peut-il y en avoir aussi par rapport aux CSS
'secondaires'?

Merci


--
Stï¿œphane

Jeune Chambre Economique de Saintes *** http://www.jce-saintes.org
Agitateurs d'idï¿œes... accï¿œlï¿œrateurs de talents !

BTS Electrotechnique *** http://enselec.santonum.eu


SAM

unread,
Nov 8, 2012, 10:06:24 AM11/8/12
to
Le 08/11/12 08:56, Stéphane Santon a écrit :
> Bonjour,
>
> Afin d'optimiser l'affichage de pages HTML5, j'ai placé dans mon CMS
> l'ancre des additifs du <head> (appels JS) en fin de <body>.
> Mais en même temps cerains appels à CSS <link rel="stylesheet...> y ont
> été déplacés.
>
> Et surprise, ça passe au validateur W3C !
> Il est établi que l'appel des JS en fin de body apporte des gains en
> performances, mais peut-il y en avoir aussi par rapport aux CSS
> 'secondaires'?

si par 'secondaires' tu entends par exemple les
:hover
:focus
:active
et autres pseudos "dynamiques"
je pense personnellement que ça n'apporte pas grand chose
sauf à ce que ça ait changé et que les images de background associées ne
soient aujourd'hui préchargées alors que normalement elle ne sont
chargées qu'au coup par coup et au besoin (lors du mouseover par exemple)


--
Stéphane Moriaux avec/with iMac-intel

Pierre Goiffon

unread,
Nov 23, 2012, 4:34:58 AM11/23/12
to
Le 08/11/2012 08:56, Stéphane Santon a écrit :
> Afin d'optimiser l'affichage de pages HTML5, j'ai placé dans mon CMS
> l'ancre des additifs du <head> (appels JS) en fin de <body>.
> Mais en même temps cerains appels à CSS <link rel="stylesheet...> y ont
> été déplacés.
>
> Et surprise, ça passe au validateur W3C !

Pas sûr que tous les navigateurs s'en accommodent... Il me paraitrait
sage d'adopter la plus grande prudence...

> Il est établi que l'appel des JS en fin de body apporte des gains en
> performances, mais peut-il y en avoir aussi par rapport aux CSS
> 'secondaires'?

Pour le JS, c'est surtout lié au fait que l'évaluation de la resource
bloque tout autre traitement. Ca n'est à ma connaissance pas le cas pour
les CSS ?

La référence sur le sujet des perf web est chez Yahoo :
http://developer.yahoo.com/performance/

Pierre Goiffon

unread,
Nov 23, 2012, 4:36:18 AM11/23/12
to
Le 08/11/2012 08:56, Stéphane Santon a écrit :
> Il est établi que l'appel des JS en fin de body apporte des gains en
> performances, mais peut-il y en avoir aussi par rapport aux CSS
> 'secondaires'?

Oops message précédent partit trop vite, je voulais y ajouter ces
recommandations :
http://developer.yahoo.com/performance/rules.html#js_bottom
http://developer.yahoo.com/performance/rules.html#css_top


Stéphane Santon

unread,
Nov 25, 2012, 6:38:56 PM11/25/12
to
Bonjour,

Merci pour ces liens très intéressants !



Pierre Goiffon a écrit :
--
Stéphane

Jeune Chambre Economique de Saintes *** http://www.jce-saintes.org
Agitateurs d'idées... accélérateurs de talents !

Stéphane Santon

unread,
Dec 1, 2012, 9:11:18 AM12/1/12
to
Bonjour,

Stï¿œphane Santon a ï¿œcrit :
> Afin d'optimiser l'affichage de pages HTML5, j'ai placￜ dans mon CMS l'ancre
> des additifs du <head> (appels JS) en fin de <body>.

Depuis une page oￜ j'ai fait appel ￜ jquery.js (depuis le body),
lorsque j'insï¿œre un morceau de html en AJAX, celui-ci contenant un
script JavaScript, il semblerait qu'il ne connaissent pas le $ de
jquery.

Quel est l'environnement des ressources (Javascript) accessibles depuis
un html chargￜ en XMLHttpRequest ?

Stéphane Santon

unread,
Dec 1, 2012, 9:30:01 AM12/1/12
to
Stï¿œphane Santon a ï¿œcrit :
> Depuis une page oￜ j'ai fait appel ￜ jquery.js (depuis le body), lorsque
> j'insï¿œre un morceau de html en AJAX, celui-ci contenant un script JavaScript,
> il semblerait qu'il ne connaissent pas le $ de jquery.

Non j'ai dit une bï¿œtise... erreur d'appel de ma part.
$ est bien reconnu.
0 new messages