J'aimerai savoir comment faire pour alléger un site afin d'optimiser les connexions en 56 apart réduire les photos?

Bah reduire la qualité des photos (bien sur les mettre en Jpeg).
Mettre tout en html.
Sinon je sais pas trop.
C'est quoi ce site ?

tout est en Html et jpeg déjà.
http://fdeko.chez.tiscali.fr

Juste quelques trucs rapides :
 
Evite deja le java sur la page d'accueil, ca alourdi considerablement le temps de chargement. Ensuite, ton fond d'ecran fait 233ko, c'est beaucoup trop : a lui tout seul, il faut plus de 4 secondes pour le telecharger. Ce que tu peux faire, c'est re-optimiser tes images sous PSP par exemple, en diminutant la taille de la palette tu pourras gagner pas mal.
 
ensuite, tu peux optimiser le code : tu gagneras en temps et chargement et en temps d'execution. REgarde les bouts de code que j'ai trouve :  
 

 
Ca ne sert clairement et strictement a rien
 
Tu peux aussi definir des fichiers de styles, tu y gagneras encore...
 
 
Hope this help

Un autre truc rapide :
 

 
Ca, c'est mal
 
(et ça explique le coté crade du code aussi, fais plutot un tableau pour positionner ton menu, ça marchera mieux en fonction de la résolution de la personne qui viendra voir ton site)

Premier truc à faire, tout réécrire en XHTML 1.0 Strict, en séparant bien structure/sémantique et présentation. Donc dans le .html, donc document correctement structuré, surtout sans aucun tableau, et toute la présentation en CSS dans un fichier à part.
 
En général, quand on respecte ça, on se retrouve avec un site très léger

 
Surtout pas, malheureux ! On n'utilise pas de tableaux pour la mise en page, c'est contraire au fonctionnement de l'html !

Ceci :
 

 
Explique cela :
 

 
Digne des produits Microsoft

LeCastor2001 a écrit :   Premier truc à faire, tout réécrire en XHTML 1.0 Strict, en séparant bien structure/sémantique et présentation. Donc dans le .html, donc document correctement structuré, surtout sans aucun tableau, et toute la présentation en CSS dans un fichier à part.   En général, quand on respecte ça, on se retrouve avec un site très léger

 
Du XHTML, pourquoi pas, si son niveau lui permet, cat c'est un peu plus dur que du HTML, car plus stricte. Quoique
 
Mais utiliser les feuilles de style, oui, ça permet de supprimer une bonne partie des "<font color="#FF0000"> </font>"

C'est quoi cette connerie ?
Developpe parce que sinon je vois pas ce que tu veux dire ...

Tu peux tenter une compression plus forte des jpeg tant que la qualité de l’image est acceptable.

Heu... t'as deja lu les specs du HTML 4.0 ?

Merci pour vos réponses! le java je trouve que ça fait un petit plus qui rend la page d'acceuil plus vivante. Ensuite ben frontpage c'est le seul logiciel que je sais utiliser correctement alors quand vous me parlez de xhtml, je nage pas qu'un peu Donc faudrait revoir la taille des photos mais faut voir si je perd pas trop en qualité

hé di dont y'en a qui ont l'air de s'y connaître ici y pourrait pas m'aider a améliorer le site?! par exemple que le texte soit justifié dans les rubriques j'y suis pas arrivé

 
On peut utiliser des tableaux en Html, mais il ne faut pas en abuser, comme cela a été fait pendant trop longtemps.
 
Le seul problème avec les tableaux, c'est que certains en ont abusé pour placer des trucs au pixel près, alourdissant les pages, à la fois par le volume de données, mais au aussi par la difficulté de traitement par les navigateurs web.
 
Autre inconvénient, ils sont plus délicats à traiter pour les navigateurs des personnes handicapés (visuel, moteur ...).
 
Donc, pour faire les choses "dans les règles de l'art", il ne faut utiliser les tableaux que pour afficher des données qui doivent être affichées ainsi, comme on le ferait sur papier.

 
Des liens pour apprendre le positionnement CSS ??

Ze Speed a écrit :   C'est quoi cette connerie ? Developpe parce que sinon je vois pas ce que tu veux dire ...

Ca n'a rien d'une connerie, LeCastor2001 a tout à fait raison. Les tableaux sont là pour ... faire des tableaux, c'est à dire structurer des données, pas pour faire de la mise en page à grand renfort d'images transparentes et de bidouilles du même type. Comme le dit Jllc, ca donne un rendu minable sur les navigateurs non-graphiques ou les PDA. Et sur les navigateurs qu'on utilise majoritairement les tableaux imbriqués ralentissent l'affichage de manière non négligeable, pour peu que l'on ait une machine modeste (et même avec un PC puissant ca manque de fluidité, sur une page chargée en local la différence est sensible).
 
Autre inconvénient : la taille du code, qui grossie à vue d'oeil dès qu'on utilise trop de tableaux. Les div + CSS les remplacent avantageusement. Sans même parler de la maintenance. Pour prendre un exemple que je connais bien Regarde la barre de navigation de FA ("Favoris, Profil, Préférences, etc.)" : dans un soucis de commodité j'avais utilisé des tableaux pour la mettre en page. Mais avec 2 ans de recul, et l'expérience aidant, je me rend compte que c'est une abération. Un tableau n'a strictement rien à faire ici. Ce sera corrigé dans la version du moteur de FA qui sortira au moi de mai (en XTML Strict)
 

Pas très didactique mais le contenu est rigoureux :
 
http://www.yoyodesign.org/doc/w3c/css2/visuren.html#positioning-scheme

J'ai pas trouvé sur ton lien, le CSS2 est accepté par quels navigateurs ?
 
 
 
(ça m'ouvre plein d'horizons cybernétique ce lien )

Tous les navigateurs acceptent le CSS2, mais avec une compatibilité très variable. Ca dépend des attributs en fait. Un Netscape 4 ou un Opera 3 va accepter à la louche 5% des attributs disponibles, là ou un Mozilla 1.5, un IE6 ou un Opera 6 va en accepter 95%. Gros avantage des CSS sur une présentation complexe quand on utilise des navigateurs qui datent de la préhistoire du Net : au moins ca ne crashe pas / ca ne bugge pas. Au pire les styles sont ignorés et tu perds un peu niveau précision de mise en page, mais les pages sont parfaitement consultables

Ben ça c'est cool.

Le CSS c'est l'idéal en théorie mais en pratique c'est un peu la galère car les navigateurs n'en ont pas tous la même interprétation.
 
Pour faire un site web le mieux est de commencer par faire du HTML 4.01 Transitional. C'est pratique et pas trop strict.
 
Le XHTML c'est bien joli mais par exemple tu n'as plus droit à la balise <center> pour centrer du texte. Pour centrer un texte il faut alors donner la même valeur au margin-left et au margin-right (dixit les recommendations du W3C), mais ça marche pas avec Internet Explorer
 
Donc pour développer un site web en XHTML il faut d'abord se munir d'un exemplaire de chaque naviteur que l'on peut trouver dans la nature pour pouvoir tester (IE, Mozilla et ses variantes, Netscape, Opera......)

106-Open a écrit :   Le XHTML c'est bien joli mais par exemple tu n'as plus droit à la balise <center> pour centrer du texte. Pour centrer un texte il faut alors donner la même valeur au margin-left et au margin-right (dixit les recommendations du W3C), mais ça marche pas avec Internet Explorer

 
Dans un élément de type en ligne tu peux très bien centrer ton texte ainsi : <p style="text-align:center;"> On peut effectivement jouer sur les marges mais ca reste une solution parfaitement valide (je passe sur la déclaration, faite ainsi pour simplifier l'exemple ). A moins que tu ne parles de positionnement vertical, et non horizontal ?

Christophe a écrit :   Ca n'a rien d'une connerie, LeCastor2001 a tout à fait raison. Les tableaux sont là pour ... faire des tableaux, c'est à dire structurer des données, pas pour faire de la mise en page à grand renfort d'images transparentes et de bidouilles du même type. Comme le dit Jllc, ca donne un rendu minable sur les navigateurs non-graphiques ou les PDA. Et sur les navigateurs qu'on utilise majoritairement les tableaux imbriqués ralentissent l'affichage de manière non négligeable, pour peu que l'on ait une machine modeste (et même avec un PC puissant ca manque de fluidité, sur une page chargée en local la différence est sensible).   Autre inconvénient : la taille du code, qui grossie à vue d'oeil dès qu'on utilise trop de tableaux. Les div + CSS les remplacent avantageusement. Sans même parler de la maintenance. Pour prendre un exemple que je connais bien Regarde la barre de navigation de FA ("Favoris, Profil, Préférences, etc.)" : dans un soucis de commodité j'avais utilisé des tableaux pour la mettre en page. Mais avec 2 ans de recul, et l'expérience aidant, je me rend compte que c'est une abération. Un tableau n'a strictement rien à faire ici. Ce sera corrigé dans la version du moteur de FA qui sortira au moi de mai (en XTML Strict)     Pas très didactique mais le contenu est rigoureux :   http://www.yoyodesign.org/doc/w3c/css2/visuren.html#positioning-scheme

 
Pas mecontent d'avoir plus ou moins quitte le dev. web moi
Quelle merde

Christophe a écrit :   Dans un élément de type en ligne tu peux très bien centrer ton texte ainsi : <p style="text-align:center;"> On peut effectivement jouer sur les marges mais ca reste une solution parfaitement valide (je passe sur la déclaration, faite ainsi pour simplifier l'exemple ). A moins que tu ne parles de positionnement vertical, et non horizontal ?

Ca m'etonerait qu'avec des "margin-left" et "right" il ait parle de centrer verticalement. Et ca m'etonne qu'il ne connaisse pas le "text-align:center" ...

Christophe a écrit :   Dans un élément de type en ligne tu peux très bien centrer ton texte ainsi : <p style="text-align:center;"> On peut effectivement jouer sur les marges mais ca reste une solution parfaitement valide (je passe sur la déclaration, faite ainsi pour simplifier l'exemple ). A moins que tu ne parles de positionnement vertical, et non horizontal ?

Désolé, je parlais de centrer horizontalement un bloc de manière générale (un bloc <div>, ou bien une image...)
Il y a des navigateurs sur lesquels "text-align: center" marche même pour autre chose que du texte (extension abusive de la norme...), et d'autres navigateurs sur lesquels ça ne marche pas.
 
edit: explication du bordel de la chose :
http://www.allmyfaqs.com/faq.pl?Center_with_CSS

est ce que c'est mieux la?

Ca continue quand même à faire très amateur, ne serait-ce que la police de caractère qui ne passe pas du tout (à mon goût) à l'écran.
 
Les menus rouges c'est pas top.
 
L'image de fond totale, bof bof aussi.
 
L'applet Java fait ramer le chargement de la page pour finalement pas grand chose. Autant faire un GIF animé.
 
Globalement, ça fait une page remplie de vide avec quelques liens par-ci par-là.
 
Quand tu te balades dans les parties, les liens vers les autres sont tout en bas, ce qui les rend parfois invisibles sans scroller. C'est dommage, ils seraient mieux en haut.
 
 
Voilà, ce n'est que mon avis.
 

ben la en fait j'ai juste retailler un peu les images pour améliorer un peu le temps de chargement . En quel couleur pourrai je faire les menus ? Avec quoi fait on un gif animé ? je ne m'y connai pas trop c'est pour ça que ça fait amateur . Et en quoi la police de caractère ne passe pas ?

 
Un peu mieux, mais (a mon avis, et ca n'engage que moi) c'est pas encore ca.
 
Je persiste a dire que tu devrais supprimer cette applet java qui fait vraiment ramer. En plsu vu l'utilite de l'applet, autant faire un gif anime (ah, je vois que cette remarque a deja ete faite )
 
Le choix des couleurs des textes et menus est quand meme discutable.
 
En regardant le code, on voit que ca peut-etre ameliorer : fais des fichiers de style pour tes menus, pour tes textes, .... ca allegera ton code!
 
Petite remarque esthetique : si j'etais toi je mettrais l'image de fond en fixe, comme ca sous IE (mais pas sous Netscape), le texte scrollerait et ca eviterai lorsque tu arrivea "a la fin de l'image" d'avoir la repetition
 
voila, ce sont juste quelques remarques qui n'engagent que moi

Manu06 a écrit :   Un peu mieux, mais (a mon avis, et ca n'engage que moi) c'est pas encore ca.   Je persiste a dire que tu devrais supprimer cette applet java qui fait vraiment ramer. En plsu vu l'utilite de l'applet, autant faire un gif anime (ah, je vois que cette remarque a deja ete faite )   Le choix des couleurs des textes et menus est quand meme discutable.   En regardant le code, on voit que ca peut-etre ameliorer : fais des fichiers de style pour tes menus, pour tes textes, .... ca allegera ton code!   Petite remarque esthetique : si j'etais toi je mettrais l'image de fond en fixe, comme ca sous IE (mais pas sous Netscape), le texte scrollerait et ca eviterai lorsque tu arrivea "a la fin de l'image" d'avoir la repetition voila, ce sont juste quelques remarques qui n'engagent que moi

toute cette partie la j'ai un peu de mal à comprendre

 
Un petit résumé visuel :  
 

 

Now a écrit :   toute cette partie la j'ai un peu de mal à comprendre

 
Pour les fichiers de style, tu vas definir par exemple que tous les liens auront telle police, telle taille, telle couleur, en gras ou pas, etc. Tu definis le "style" (d'ou le nom : feuille de style) de chaque "objet" de ta page Html. Tu peux aussi le faire pour les cellules d'un tableau, un texte, ou n'importe quoi d'autre
 
Pour mettre le fond en fixe, c'est encore par les feuilles de style que ca passe (ou bien une simple ligne dans ton HTML suffit), je ne me souviens plus exactement, mais il me semble que en en-tete de ton fichier ajoute le code suivant :

(verifie la syntaxe, je ne suis pas sur de ce que j'avance au niveau syntaxique )
 
Pour un exemple d'une image de fond fixe, regarde la : http://www.meyerweb.com/eric/css/edge/complexspiral/glassy.html

Now a écrit :   toute cette partie la j'ai un peu de mal à comprendre

 
Il faudrait que tu apprennes ce qu'est une feuille de style CSS (Cascading Style Sheet), à quoi ça sert et comment on la met en oeuvre. C'est pas très compliqué et y a plein de sites qui te l'explique sur Internet (celui-là par exemple mais il y en a d'autres)
 
 
Et détail que Manu06 t'a aussi dit, change la police de caractère pour une plus lisible à l'écran : Verdana, Arial, Helvetica. Ca sera bien mieux.
(la police avec laquelle j'ai fait mes commentaires, c'est justement de l'Arial )

oula ça a l'air assez compliquer vos truc?!!
comment on fait une feuille de style?!

Pas du tout. De toute facons, le HTML, c'est un langage tres simple, il ne faut pas plus d'une semaine pour bien le connaitre.
 
C'est vrai que l'aspect du site fait "amateur". Essaie d'etre plus sobre dans le choix des menus et des couleurs, et ca passera beaucoup mieux. A vouloir en faire trop, on fait moins bien