Le bordel dans mon code html

[moutyk]

Bonjour,


Je cherche une âme charitable pour regarde mon code html et donner des petites correction
Voila mes pages sont assées longues a afficher apres avoir optimisé toutes mes images
J'aimerai m'attaque au code html

Y a qu'a voir en faisant clic droit afficher la source ca va en faire sursauter plus d'un
J'ai beau essayé d' enlever certaine ligne ca marche pas j'ai plein de bug sur la page alors que sans etre un expert je pense qu'elles ne serent a rien

Vous pensez que ca peut ralentir le chargement de la page ?

Merci de votre aide !


Bye

 

[moutyk]

Re

J'ai placé sur une page le code html de l'include de gauche

http://www.auto-evasion.com/code.php

Et ca ce n'est qu'un include

dois je me poser des questions ou pas ?

Merci encore

 

[mahefarivony]

en virant les <font> tu devrais gagner 95% en vitesse :mrgreen:

 

[moutyk]

Merci

Donc ca joue sur la vitesse

Je vais essayé d' enlever ce que je peux mais pas evident

Merci

 

[Kmacleod]

Un debut de réponse pour optimiser le code source, ensuite un editeur de texte mutipage comme Editpad
puis de la rigueur !
kmacleod

 

[moutyk]

Salut

Merci pour le lien super j'en reviens pas je redecouvre mon site j'ai plus ce petit blanc de 3 a 4 secondes entre chaque page
vraiment super
Encore merci

Le code avant

http://www.auto-evasion.com/code.php

le code apres

http://www.auto-evasion.com/apres.php

Bye

 

[pinoc]

Salut

Merci pour le lien super j'en reviens pas je redecouvre mon site j'ai plus ce petit blanc de 3 a 4 secondes entre chaque page
vraiment super
Encore merci

Le code avant

http://www.auto-evasion.com/code.php

le code apres

http://www.auto-evasion.com/apres.php

Bye

rien de tel que les CSS pour avoir un code clair... !

 

[Haq]

Félicitations mais y a encore un peu de boulot !

<DIV ALIGN="LEFT"><DIV ALIGN="CENTER"><DIV ALIGN="CENTER">
<DIV ALIGN="CENTER">

c'est fort redondant !

Remplace ça par

<div align="center">

...

aK.

 

[moutyk]

Merci c sympa
voila qui est changé

bye

 

[Richard]

Bonjour,

Tu peux encore gagner beaucoup regarde par exemple :

<TD height="14"><FONT FACE="Verdana, Arial, Helvetica, sans-serif" 
SIZE=2><FONT SIZE="1"><IMG SRC="http://www.auto-evasion.com/puce.gif" WIDTH="8" HEIGHT="8"></FONT></FONT></TD>

TU peux l'écrire

<TD height="14"><FONT FACE="Verdana, Arial, Helvetica, sans-serif" 
SIZE="1"><IMG SRC="http://www.auto-evasion.com/puce.gif" WIDTH="8" HEIGHT="8"></FONT></TD>

pour gagner une redondance. Et comme il n'y a pas de texte, mais juste une image, tu peux carrément écrire :

<TD height="14"><IMG SRC="http://www.auto-evasion.com/puce.gif" WIDTH="8" HEIGHT="8"></TD>

Ce qui va encore te faire gagner beaucoup de texte et donc beaucoup de temps.

Pour finir, l'optimisation parfaite serait de pouvoir dire "Toutes les cellules de mon tableau sont *comme ça*" et ça, ça se réalise grace aux feuilles de styles. A regarder si tu es intéressé

 

[WebRankInfo]

merci à tous d'utilise le syle Code lors de la rédaction de vos messages... ça sera bien + lisible pour tous !

 

[Richard]

Ah, encore un point important :

Tu écris partout :

<IMG SRC="http://www.auto-evasion.com/puce.gif" WIDTH="8" HEIGHT="8">

Il s'agit d'une URL absolue, c'est à dire que tu donnes le nom du serveur à chaque fois.

Si la page est présente sur le même serveur que l'image

<IMG SRC="/puce.gif" WIDTH="8" HEIGHT="8">

suffit !!

donc tu peux enlever tous les http://www.auto-evasion.com

 

[moutyk]

Merci pour tout ces conseils c super sympa je vais analyser tout ca

Pour ce qui est des liens absolue j'utilise des includes avec des sous repertoire

ca ne marche que comme ca !


Merci

 

[Richard]

Pour ce qui est des liens absolue j'utilise des includes avec des sous repertoire
ca ne marche que comme ca !

Si tu utilises les includes, il te suffit de bien penser à mettre le / devant, pas besoin de donner le nom du serveur

 

[moutyk]

eh ben
J'ai honte

Oui mais si j'ai un sous sous repertoire va falloir que je jongle avec ../.. et ainsi de suite
Puis est ce que ca change reellement les choses ?

En tous ca merci

 

[Richard]

Oui mais si j'ai un sous sous repertoire va falloir que je jongle avec ../.. et ainsi de suite
Puis est ce que ca change reellement les choses ?

En tous ca merci

Non, même si tu es dans un sous sous... sous répertoire, comme tu commences par / tu te retrouves toujours "à la racine". C'est tout l'intéret.

Est-ce que ça change vraiment quelque chose ? Non, ça simplifie grandement ton code, ça le rend indépendant du nom de domaine, mais ce n'est pas vitale. En revanche, tu auras bien d'autres raisons de le compliquer, alors autant rester simple au début.

N'ai pas honte, on a tous débuté un jour

 

[pinoc]

/toto va prendre le répertoire toto à la racine par exemple...

 

[moutyk]

Oui effectivement ca marche
Je m'etais jamais poser la question j'avais essayé sans le / donc ca marche pas mais c bon a savoir

Merci

 

[radioaide]

Hello, je vois que ton pb est riche en réponse...
Mais une solution d'optimisation est d'utiliser les feuilles de style (css) pour le texte,
et la fini les font et re font e...
Peux t'expliquer + précisément si tu es interesting!

 

[moutyk]

Oui c claire que je suis interessé
J'ai commencé tout doucement a mi interesse faut dire qu"avec dreamweaver c 'assez simple a faire ( enfin simple j'ai juste mis une couleur sur un texte avec une feuille de style externe

Mais de partir de mon code actuelle c peut etre pas la meilleur solution

Sinon ca a quel impact sur le site ?

Merci en tous cas

 

[Monique]

Bonjour moutyk,

Je te recommande ce très bon site d'initiation à l'utilisation des feuilles de style et pour suivre, l'incontournable Openweb où tu trouveras de nombreux exemples de base à exploiter.
Les avantages de l'utilisation des css sont nombreux, en voici deux parmis les plus importants :
- des pages beaucoup plus legères (le poids est souvent diminué de moitié)
- la maintenance simplifiée (tu modifies l'aspect d'un même élément une seule fois pour toutes tes pages)

Bon courage... tu es sur la bonne voie

Amicalement,
Monique