18041 sujets

Questions générales et questions de débutants

Firfox affiche un bout de code avant d'afficher le site...

Hello a toutes et tous!

Alors voilà, j'ai un problème, sur le site de mon hôtel en Thailande. Dans la partie en Thai, Firefox (et seulement lui) affiche brièvement la partie basse de la page (avec mes coordonnées)...
C'est pas tres propre, j'aimerais éviter cela... des idées?

Merci d'avance!

Le site:

http://www.patong-mansion.com/HomeTH.html

j'imagine que vous aurez besoin du code de la page, mais il est trop long (ce forum refuse car il depasse 50000 caracteres. Je la donne en 2 fois, donc. La moitié maintenant et l'autre moitié quand je repondrais a vos posts.

Merci d'avance !

*votre code est disponible sur votre site Smiley cligne
Modifié par 6l20 (29 May 2013 - 22:48)
a vue de nez, firefox affiche d'abord ce qui est en premier dans ton code source kilométrique, à savoir ton footer, puis quand il a fini de charger le reste, il installe la page.

Là où les autres navigateurs attendent que le code soit chargé pour s'afficher.

La solution ? nettoyer ton code, externalise déjà tes javascripts et ton css, ne récupère que ce qui est nécessaire.


Le problème ne se passe d'ailleurs quasiment plus une fois la première visite passée et donc les scripts mis en cache.
Modifié par Lothindil (30 May 2013 - 12:52)
merci pour ta reponse!

Mais je ne sais pas du tout comment faire pour nettoyer mon code comme tu dis...

Que veux tu dire dans "externalise déjà tes javascripts et ton css"?

désolé chui une brele en code

lol
domenems a écrit :
merci pour ta reponse!

Mais je ne sais pas du tout comment faire pour nettoyer mon code comme tu dis...

Que veux tu dire dans "externalise déjà tes javascripts et ton css"?

désolé chui une brele en code

lol


"Externaliser" signifie "rendre extérieur", et là en l’occurrence c'est mettre tout ce qui est Javascript et CSS à l'extérieur de ta page, dans des fichiers bien distincts avec respectivement les extensions .js et .css.

Une fois que tu as fait ça, tu peux appeler les fichiers externes dans tes balises <head> de cette manière :

Pour le CSS :

<link rel="stylesheet" type="text/css" media="screen" href="style.css" />


Pour le Javascript :

<script src="script.js" type="text/javascript" charset="utf-8"></script>


Ca permet au final d'y voir plus clair dans le code et de bien différencier la structure (HTML), les styles (CSS) et les scripts (Javascript).
Modifié par j0r (30 May 2013 - 15:26)
aie aie aie... Y'a pas un logiciel qui pourrait faire ca automatiquement?
J'y arriverais jamais... lol

C'est normal que ca le fasse uniquement sur les pages en Thai? ca le fait pas sur les pages en autres langues.

Aussi, sur Internet Explorer 8 e 9 (pas le 10), l'image sur la page d'accueil "Offre d'ouverture - 10%" s'affiche comme dans un mirroir!


Des idées?
Je suppose que le fait que la page thaï fasse un peu plus de 900 lignes où celle en viét fait 800 lignes y est pour quelque chose.

Sinon, comme je le dis, le cache joue un bon rôle et à mon avis ce qui se passe surtout, c'est que la page thaï est la première qui est vue.


Et c'est pas si compliqué à faire d'externaliser ^^

Tu crées un fichier .js; un fichier .css

Et dans un premier temps, tout ce que tu croises dans ton code et qui se trouve entre des balises script, tu le coupes et tu le mets dans le bon fichier.
Merci pour ta réponse.
Je vais essayer ce que tu recommandes et je reviens vers toi si j'y arrive pas...
Pourrais -tu juste me donner un exemple

Pour cette partie de code:

 </script>
      <script src="http://www.freemeteo.com/templates/default/HTfeeds.js" type="text/javascript"></script>
    </div>
    <div id="apDiv4"><a href="ContactLocation.html"><img src="Images/Drapeaux/ENG.png" width="25" height="25" border="0"  alt="ENG"></a> <a href="ContactLocationFR.html"><img src="Images/Drapeaux/FR.png" width="25" height="25" border="0" alt="FR"></a> <a href="ContactLocationTH.html"><img src="Images/Drapeaux/THAI.png" width="25" height="25" border="0" alt="THAI"></a> <a href="ContactLocationVI.html"><img src="Images/Drapeaux/VIET.png" width="25" height="25" border="0" alt="VIET"></a> <img src="Images/Drapeaux/SP.png" width="25" height="25" border="0" alt="SP"> <img src="Images/Drapeaux/GER.png" width="25" height="25" border="0" alt="GER"> <img src="Images/Drapeaux/RUS.png" width="25" height="25" border="0" alt="RUS"></div>
    <div id="apDiv1"><img src="Images/logofinal.png" width="157" height="101" alt="Logo"></div>
    <div id="Entete">
      <div id="apDiv2">
        <script type="text/javascript">
// BeginOAWidget_Instance_2141542: #ImageSlideShow_2

var ImageSlideShow_2 = new Spry.Widget.ImageSlideShow("#ImageSlideShow_2", {
	widgetID: "ImageSlideShow_2",
	injectionType: "replace",
	autoPlay: true,
	displayInterval: 4000,
	transitionDuration: 500,
	componentOrder: ["view"],
	plugIns: [  ]
});
// EndOAWidget_Instance_2141542
      </script>



Comment tu appelerais le fichier et comment tu modifierais le code dans la partie HTML?

Merciiiiiiii !
Euuuu... je me rends compte que c'est un peu bancale ce que j'ai donné comme code...
Avec celui-la ce sera plus parlant...

 <script>
//Live weather feeds by freemeteo.com 
//The use of this script is bound by Freemeteo’s Live Feed Service Agreement, as is published in the following url:  http://www.freemeteo.com/default.asp?pid=178&la=1
 
// You are not allowed to change or delete any part of this script.
// Main body background color : FFFFFF
// Main body fonts color : 000000
// Header/Footer background color : 6699FF
// Header/Footer fonts color : FFFFFF
cIfrm="14";
gid="680881_20130402_154100";
      </script>


Merci a toutes et tous!
Sujet clos
Aller à