[SRC]/[FAQ] Les templates JS pour accelerer le chargement des pages

**FremyCompany** · 16/12/2006, 18h20

Les templates JS pour accelerer le chargement des pages
Equivalent des header/footer PHP qui a l'avantage de ne devoir être télécharché qu'une fois par le client : pages plus légères !

Attention, si vous mettez du contenu non static (PHP, ...) dans vous templates, vous ne gagnez rien !

HEADER.html :

Code html :

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

1
2
3
4
5
6
7
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
    <title>Titre par defaut</title>
</head>
<body>
Ceci est le debut commun a toutes les pages<br />

Default.aspx :

Code asp :

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

1
2
3
4
5
<%@ Page Language="VB" AutoEventWireup="false" CodeFile="Default.aspx.vb" Inherits="_Default" %>
<script src="System.js" type="text/javascript"></script>
<script>document.write(getFileContent("HEADER.htm"))</script>
Contenu dynamique : <%  Response.Write(New Random().NextDouble())%>
<script>document.write(getFileContent("FOOTER.htm"))</script>

FOOTER.htm :

Code html :

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

1
2
3
<br />Ceci est la fin commune a toutes les pages
</body>
</html>

HTML recomposé (IE) :

Code html :

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

1
2
3
4
5
6
7
8
<HTML><HEAD><TITLE>Titre par defaut</TITLE>
<SCRIPT src="System.js" type=text/javascript></SCRIPT>
 
<SCRIPT>document.write(getFileContent("HEADER.htm"))</SCRIPT>
</HEAD>
<BODY>Ceci est le debut commun a toutes les pages<BR>Contenu dynamique : 0,47513719996211
<SCRIPT>document.write(getFileContent("FOOTER.htm"))</SCRIPT>
 <BR>Ceci est la fin commune a toutes les pages </BODY></HTML>

HTML recomposé (FF) :

Code html :

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

1
2
3
4
5
6
7
8
<html xmlns="http://www.w3.org/1999/xhtml"><head>
<script src="System.js" type="text/javascript"></script>
<script>document.write(getFileContent("HEADER.htm"))</script><title>Titre par defaut</title></head><body>
Ceci est le debut commun a toutes les pages<br>
Contenu dynamique : 0,631264306433156
<script>document.write(getFileContent("FOOTER.htm"))</script><br>Ceci est la fin commune a toutes les pages
 
</body></html>

Ce code fonctionne avec opéra, mais je ne sais pas jusqu'à quelle mesure, vu que je ne sais pas comment voir le code source généré sour Opéra.

Je sais que ce genre de code est très controversé (non respect des normes W3C), et j'en conviens. C'est pour cela que j'ouvre un sondage

**FMaz** · 17/12/2006, 19h28

#1:
getFileContent, ca viend de ou ? system.js ?
Et il y a quoi dans system.js ?

#2:
Cette entête:
<%@ Page Language="VB" AutoEventWireup="false" CodeFile="Default.aspx.vb" Inherits="_Default" %>
Si, par exemple, je travail en PHP (donc pas en ASP), et que je ne la met pas, ton système fonctionne encore ?

**FremyCompany** · 17/12/2006, 19h35

getFileContent vient bien de System.js (voir mon post sur "La gestion de la POO en javascript")

Mais le code utilisé dans System.js provient à la base d'un code plus ancien
(http://www.developpez.net/forums/sho...9&postcount=18)

--- --- --- --- ---
L'HEADER ASP .Net n'a aucun effet.
Il peut être supprimé sans danger.

**FMaz** · 17/12/2006, 19h37

De plus en plus intéressant,

mais pourquoi alors est-ce que ca pose un problème de respect des normes ?

**FremyCompany** · 17/12/2006, 19h47

Envoyé par FMaz

De plus en plus intéressant,

mais pourquoi alors est-ce que ca pose un problème de respect des normes ?

Pas de balise HTML, pas de balise HEAD, le document HTML commence par un <script> ce qui est illégal...

Si on veut respecter le W3C, il faudrait faire un code comme :

Code HTML :

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

<HTML><HEAD><SCRIPT>...</SCRIPT><HEAD><BODY><SCRIPT>...</SCRIPT>Contenu du milieu de page<SCRIPT>...</SCRIPT></BODY></HTML>

Ce qui fait perdre une partie de l'intérêt au script...

**FMaz** · 17/12/2006, 19h50

Si ce n'est que ca, je vois pas ou est le problème... !

Je vois pas ou est l'intérêt d'implanter un tel système si la seule entête que nous ayons fait 12 octets... On intègre un tel système lorsque le gain est significatif il me semble. (Donc du contenu, et pas que : <HMTL><HEAD><TITLE>Ma page</TITLE></HEAD> ... )

Affichage des résultats du sondage: Faut-il autoriser dans la FAQ des codes, comme celui-ci, qui ne respecte pas W3C ?

[SRC]/[FAQ] Les templates JS pour accelerer le chargement des pages

Contribuez

Vue hybride

Discussions similaires

Partager

Partager