Comment externaliser le code javascript dans une page .Net?

**Immobilis** · 11/09/2009, 22h33

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+

**topolino** · 14/09/2009, 11h03

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>

**Nicopilami** · 14/09/2009, 14h02

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

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<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

**topolino** · 14/09/2009, 14h07

il voudrait externaliser le code javascript généré.
Le framework genere du javascript pour le comportement de differents controles.

**Nicopilami** · 14/09/2009, 14h40

ah ok, ... désolé...

**Arthis** · 14/09/2009, 15h07

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

**Immobilis** · 14/09/2009, 21h30

Salut,

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.

Envoyé par topolino

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

Tout à fait.

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+

**Philippe Vialatte** · 14/09/2009, 21h38

Salut,

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...

**Immobilis** · 14/09/2009, 22h34

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.

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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+

**Philippe Vialatte** · 14/09/2009, 23h58

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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

**Immobilis** · 15/09/2009, 22h49

Que pensez-vous des WebResource?

**lutecefalco** · 15/09/2009, 23h20

Envoyé par Immobilis

Que pensez-vous des WebResource?

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

**Immobilis** · 15/09/2009, 23h45

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.

**lutecefalco** · 16/09/2009, 08h03

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

**Immobilis** · 16/09/2009, 20h36

Ben non, j'ai mis un validator et j'ai eu ça en plein milieu de ma page.

Envoyé par Immobilis

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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+

**Philippe Vialatte** · 16/09/2009, 21h31

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

**Nachash** · 16/09/2009, 21h58

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 ?

**Immobilis** · 16/09/2009, 22h07

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, ...)

**topolino** · 17/09/2009, 09h43

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.

**Immobilis** · 17/09/2009, 19h14

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.

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