Comment externaliser le code javascript dans une page .Net?

Version imprimable

11/09/2009, 22h33
Immobilis

Comment externaliser le code javascript dans une page .Net?

Salut,

Afin d'optimiser le code HTML (meilleur référencement) de mes pages, je voudrais externaliser le code javascript généré pour le fonctionnement des page.

Avez-vous une idée de comment faire?

Merci

A+
14/09/2009, 11h03
topolino

Comme ca je dirais, recuperer le HTML avant qu'il ne soit envoye au navigateur et avec une expression reguliere prendre le javascript entre balise <script>
14/09/2009, 14h02
Nicopilami

peut-etre que je n'ai pas bien compris, mais à mon sens un

Code:

<script src="toto.js"></script>

dans la source HTML devrait suffire...

Si ce n'est pas ce que tu cherches, peux-tu préciser ta demande ?

merci
Nico
14/09/2009, 14h07
topolino

il voudrait externaliser le code javascript généré.
Le framework genere du javascript pour le comportement de differents controles.
14/09/2009, 14h40
Nicopilami

ah ok, ... désolé... :D
14/09/2009, 15h07
Arthis

moi ce que je ne comprends pas c'est le rapport entre optimisation du code html et meilleur référencement...
14/09/2009, 21h30
Immobilis

Salut,

Citation:

Envoyé par topolino

Comme ca je dirais, recuperer le HTML avant qu'il ne soit envoye au navigateur et avec une expression reguliere prendre le javascript entre balise <script>

C'est une idée.

Citation:

Envoyé par topolino

il voudrait externaliser le code javascript généré.

Tout à fait.

Citation:

Envoyé par Arthis

moi ce que je ne comprends pas c'est le rapport entre optimisation du code html et meilleur référencement...

Ben c'est une info fournie par le marketing de ma boîte. L'explication est relativement simple en fait. Plus le code est utile pour le référencement plus il doit être facile à lire. Même si il s'agit de robots, les moteurs de recherche n'aiment apparement pas chercher les textes à référencer au milieux d'un code sale (plein de javascript, CSS et j'en passe).

J'ai ainsi appris que le code générant une bannière publicitaire devrait se trouver en bas de page et placée plus haut de manière absolue ou fixe.

A+
14/09/2009, 21h38
Philippe Vialatte

Salut,

Citation:

Envoyé par Immobilis

Afin d'optimiser le code HTML (meilleur référencement) de mes pages, je voudrais externaliser le code javascript généré pour le fonctionnement des page.

Avez-vous une idée de comment faire?

Tu as en fait plein de solutions, depuis n fichiers javascripts differents, jusqu'à l'écriture de handlers qui vont te generer tin javascript à la volée, en passant par du jquery un peu sioux...

Après, il faut voir le type de JS que tu veux externaliser...

Citation:

Envoyé par Philippe Vialatte

Après, il faut voir le type de JS que tu veux externaliser...

Tout ce qu'il est raisonnable de faire pour nettoyer le code de mes pages. Pour les curieux un lien vers les tutos SEO de Developpez.

Citation:

Envoyé par Philippe Vialatte

Tu as en fait plein de solutions, depuis n fichiers javascripts differents

Comment externaliser le code javascript qui est généré pour les LinkButton, les Validators par exemple? Comment peut-on éviter d'avoir ça à l'interieur du "body" de la page?
Code:

1 2 3 4 5 6 7 8 <script type="text/javascript"> //<![CDATA[ function WebForm_OnSubmit() { if (typeof(ValidatorOnSubmit) == "function" && ValidatorOnSubmit() == false) return false; return true; } //]]> </script>
A+

Citation:
Envoyé par Immobilis
Comment externaliser le code javascript qui est généré pour les LinkButton, les Validators par exemple? Comment peut-on éviter d'avoir ça à l'interieur du "body" de la page?
Code:

1 2 3 4 5 6 7 8 <script type="text/javascript"> //<![CDATA[ function WebForm_OnSubmit() { if (typeof(ValidatorOnSubmit) == "function" && ValidatorOnSubmit() == false) return false; return true; } //]]> </script>
Alors la...

Si vraiment tu veux virer ce type de code, oublie les validateurs "de base", et passe par un framework type jquery
http://docs.jquery.com/Plugins/Validation

Mais la, je pense que ca va chercher un peu loin ;)

Sinon, jettes un oeil a cet article :
http://www.codeproject.com/KB/aspnet/10_SEO_Tips.aspx

15/09/2009, 22h49
Immobilis

Que pensez-vous des WebResource?
15/09/2009, 23h20
lutecefalco

Citation:

Envoyé par Immobilis

Que pensez-vous des WebResource?

Tu comptes forcer le framework à passer par des webresources pour générer son js interne?
15/09/2009, 23h45
Immobilis

Citation:

Envoyé par lutecefalco

Tu comptes forcer le framework à passer par des webresources pour générer son js interne?

Non, le js interne du Framework on ne peut pas y toucher j'imagine (pas trop d'intérêt non plus). Mais pourquoi ne pas utiliser les webresource pour remplacer les validators par exemple?

Je cherche une solution pour avoir le moins de js dans ma page, que du code utile pour le référencement.
16/09/2009, 08h03
lutecefalco

Citation:

Envoyé par Immobilis

Non, le js interne du Framework on ne peut pas y toucher j'imagine (pas trop d'intérêt non plus). Mais pourquoi ne pas utiliser les webresource pour remplacer les validators par exemple?

Je cherche une solution pour avoir le moins de js dans ma page, que du code utile pour le référencement.

C'est déjà le cas, toutes les fonctions js des validators sont dans une web resource.
Dans la page, se trouve juste le code js qui appelle ces fonctions

Ben non, j'ai mis un validator et j'ai eu ça en plein milieu de ma page.
Citation:
Envoyé par Immobilis
Code:

1 2 3 4 5 6 7 8 <script type="text/javascript"> //<![CDATA[ function WebForm_OnSubmit() { if (typeof(ValidatorOnSubmit) == "function" && ValidatorOnSubmit() == false) return false; return true; } //]]> </script>
A+
Ok y'a un appel de fonction dedans mais je voudrais aussi retirer ça.

A+

16/09/2009, 21h31
Philippe Vialatte

Bah dans ce cas la, je pense qu'il faut virer les validateurs asp.net, et les remplacer par des validateurs javascripts purs...
16/09/2009, 21h58
Nachash

Et si plutôt que d'externaliser ces codes tu les regroupais ensemble en haut de ta page, pour les replacer ensuite, comme les bannières que l'on place en bas de page pour les replacer ensuite ?
16/09/2009, 22h07
Immobilis

Ok, c'est vrai que le javscript est mal placé. Ceci dit il se place tout seul alors pour le faire remonter ça ne va pas être simple. :? Vu que c'est du XHTML il suffirait de le parser. Au moment du Render.

Tant qu'à faire j'aimerai autant carrément externaliser le code (=> page moins lourde après la première requête, % de code utile plus élevé, facilité de lecture, ...)
17/09/2009, 09h43
topolino

Pourquoi ce que je proposes ne te convient pas ?
Tu prends le code HTML dans le rendre et avec des expression regulieres tu recupere tous code javascript.
17/09/2009, 19h14
Immobilis

Citation:

Envoyé par topolino

Pourquoi ce que je proposes ne te convient pas ?

C'est une solution interessante que je garde sous le coude. Mais je n'aime pas trop faire le ménage. Je préfererais intervenir avant plutôt que de repasser après.

Citation:

Envoyé par topolino

avec des expression regulieres tu recupere tous code javascript.

Comme il s'agit de XHTML, avec du XPath ou Linq to Xml cela devrait etre plus facile encore.

Merci :)

Pff, j'chuis nul en XPath...

Je suis sur ce bout de code pour modifier le code de ma page pendant le Render.
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 protected override void Render(HtmlTextWriter writer) { StringBuilder sb = new StringBuilder(); StringWriter sw = new StringWriter(sb); HtmlTextWriter hWriter = new HtmlTextWriter(sw); base.Render(hWriter); XmlDocument xd = new XmlDocument(); xd.LoadXml(sb.ToString()); sb.Remove(0, sb.Length); foreach (XmlNode xn in xd.ChildNodes) { Response.Write(xn.Name.ToString() + "<br />"); foreach (XmlElement xe in xn) { Response.Write(xe.Name.ToString() + "<br />"); foreach (XmlElement xxe in xe) { Response.Write(xxe.Name.ToString() + "<br />"); } } } Response.End(); }
J'arrive pas à séléctionner que les éléments "script". L'expression "//script[@type='text/javascript']" ne renvoi jamais rien... :?

Il faudrait que je copie les éléments "script" dans le stringbuilder avant de les enlever pour les recopier ailleurs ensuite. Le ailleurs n'est pas important pour le moment.

Quelqu'un a une idée?

Merci d'avance.

20/09/2009, 12h10
mastervanou

Citation:

Envoyé par Philippe Vialatte

Bah dans ce cas la, je pense qu'il faut virer les validateurs asp.net, et les remplacer par des validateurs javascripts purs...

c'est une idée, mais je dirai de les remplacer par des custom validators et de creer les codes javascript correspondant en code behind et d'utiliser RegisterClientScriptBlock pour ecrire le contenu de ton script à la fin de ton form