Site trop lent (bcp d'images): comment l'améliorer ?

Site trop lent (bcp d'images): comment l'améliorer ? - Web design - Graphisme

Marsh Posté le 01-09-2004 à 14:06:34    

Salut,
Voilà, j'aurais voulu quelques conseils concernant un site créé avec Fireworks et Dreamweaver.  
Le problème, c'est qu'il est très lent à charger, notamment la galerie d'images... je m'en sors en webdesign, mais alors en technique et optimisation du site, c'est très moyen  :(  
 
Si quelqu'un veut aller voir: http://www.art-du-fusing.com  
Merci à ceux qui auront le courage d'aller faire un tour sur la galerie, pour voir un peu à quoi ça ressemble, et merci pour leur patience (pas taper !!  :p )
 
Donc je compte tout refaire, en utilisant du texte simple, enfin en allégeant la présentation générale; le problème, c'est plus pour la gallerie, puisque j'aimerais garder l'aspect "onmouseover" pour faire apparaitre les images.  
 
D'une manière générale, que me conseillez vous pour optimiser tout ça ? Est-ce que le Php pourrait être utile, ou pas d'intérêt pour ce que je fais ? Quelle technique de programmation, quel logiciel d'édition de sites me conseillez vous ?
 
Merci  :)

Reply

Marsh Posté le 01-09-2004 à 14:06:34   

Reply

Marsh Posté le 01-09-2004 à 14:13:32    

oulala tu te prends trop la tete avec les slices !
deja tout tes textes et le blanc tu les fait sous dream
tu ne decoupe que ce kil faut.
 
pour la decoupe bah...utilises pas le fichier HTML fourni par firework..remonte toutes ta page sous dream c mieux
 
niveau optimisation choisi du JPG compressé a 60%
et pour les traits, ou elements simples sans trop de couleurs du GIF - de 128 couleurs ( a tester)
 
la galerie bah je clique sur une images et ça n'as po l'air de charger....


---------------
Flickr Neverends | Neverends | Landolfi : Un bucheron dans un corps de princesse
Reply

Marsh Posté le 01-09-2004 à 14:20:51    

Oui pour les découpes c'est ce que je compte faire...
Euh... c'est quoi les slices ? (désolée pour mon inculture)
 
La galerie: http://perso.wanadoo.fr/art-du-fusing/prebarocco.htm
Ca marche pas ça ?
 
Marci pour les conseils ;-)

Reply

Marsh Posté le 01-09-2004 à 14:21:47    

La gallerie ne charge pas

Reply

Marsh Posté le 01-09-2004 à 14:23:21    

les slices c toutes les petites decoupes


---------------
Flickr Neverends | Neverends | Landolfi : Un bucheron dans un corps de princesse
Reply

Marsh Posté le 01-09-2004 à 14:25:29    

D'accord, mais vous me faites peur là, chez moi la galerie marche ! Quand vous cliquez sur Galerie, puis sur un nom de page, Atlantide par exemple, ya rien qui se passe ?

Reply

Marsh Posté le 01-09-2004 à 14:31:06    

non rien ça reste a 0%


---------------
Flickr Neverends | Neverends | Landolfi : Un bucheron dans un corps de princesse
Reply

Marsh Posté le 01-09-2004 à 14:31:51    

ok j'ai trouvé !
ta galerie charge sous IE mais po sous mozilla


---------------
Flickr Neverends | Neverends | Landolfi : Un bucheron dans un corps de princesse
Reply

Marsh Posté le 01-09-2004 à 14:34:12    

Ok aozora, merci bien pour cette info ! Bon, raison de plus pour tout refaire !
Journées studieuses en vue...

Reply

Marsh Posté le 01-09-2004 à 14:38:33    

aozora a écrit :

ok j'ai trouvé !
ta galerie charge sous IE mais po sous mozilla


 
Exactement ;)

Reply

Marsh Posté le 01-09-2004 à 14:38:33   

Reply

Marsh Posté le 01-09-2004 à 15:01:11    

Code :
  1. <tr>
  2.    <td><img src="images/galerie/spacer.gif" width="30" height="1" border="0" alt=""></td>
  3.    <td><img src="images/galerie/spacer.gif" width="163" height="1" border="0" alt=""></td>
  4.    <td><img src="images/galerie/spacer.gif" width="87" height="1" border="0" alt=""></td>
  5.    <td><img src="images/galerie/spacer.gif" width="32" height="1" border="0" alt=""></td>
  6.    <td><img src="images/galerie/spacer.gif" width="2" height="1" border="0" alt=""></td>
  7.    <td><img src="images/galerie/spacer.gif" width="3" height="1" border="0" alt=""></td>
  8.    <td><img src="images/galerie/spacer.gif" width="2" height="1" border="0" alt=""></td>
  9.    <td><img src="images/galerie/spacer.gif" width="2" height="1" border="0" alt=""></td>
  10.    <td><img src="images/galerie/spacer.gif" width="5" height="1" border="0" alt=""></td>
  11.    <td><img src="images/galerie/spacer.gif" width="6" height="1" border="0" alt=""></td>
  12.    <td><img src="images/galerie/spacer.gif" width="69" height="1" border="0" alt=""></td>
  13.    <td><img src="images/galerie/spacer.gif" width="32" height="1" border="0" alt=""></td>
  14.    <td><img src="images/galerie/spacer.gif" width="1" height="1" border="0" alt=""></td>
  15.    <td><img src="images/galerie/spacer.gif" width="3" height="1" border="0" alt=""></td>
  16.    <td><img src="images/galerie/spacer.gif" width="3" height="1" border="0" alt=""></td>
  17.    <td><img src="images/galerie/spacer.gif" width="1" height="1" border="0" alt=""></td>
  18.    <td><img src="images/galerie/spacer.gif" width="4" height="1" border="0" alt=""></td>
  19.    <td><img src="images/galerie/spacer.gif" width="77" height="1" border="0" alt=""></td>
  20.    <td><img src="images/galerie/spacer.gif" width="23" height="1" border="0" alt=""></td>
  21.    <td><img src="images/galerie/spacer.gif" width="2" height="1" border="0" alt=""></td>
  22.    <td><img src="images/galerie/spacer.gif" width="6" height="1" border="0" alt=""></td>
  23.    <td><img src="images/galerie/spacer.gif" width="3" height="1" border="0" alt=""></td>
  24.    <td><img src="images/galerie/spacer.gif" width="2" height="1" border="0" alt=""></td>
  25.    <td><img src="images/galerie/spacer.gif" width="20" height="1" border="0" alt=""></td>
  26.    <td><img src="images/galerie/spacer.gif" width="61" height="1" border="0" alt=""></td>
  27.    <td><img src="images/galerie/spacer.gif" width="44" height="1" border="0" alt=""></td>
  28.    <td><img src="images/galerie/spacer.gif" width="3" height="1" border="0" alt=""></td>
  29.    <td><img src="images/galerie/spacer.gif" width="15" height="1" border="0" alt=""></td>
  30.    <td><img src="images/galerie/spacer.gif" width="6" height="1" border="0" alt=""></td>
  31.    <td><img src="images/galerie/spacer.gif" width="25" height="1" border="0" alt=""></td>
  32.    <td><img src="images/galerie/spacer.gif" width="18" height="1" border="0" alt=""></td>
  33.    <td><img src="images/galerie/spacer.gif" width="1" height="1" border="0" alt=""></td>
  34.   </tr>


 
 :pt1cable:


Message édité par Niboubi le 01-09-2004 à 15:03:40
Reply

Marsh Posté le 01-09-2004 à 15:10:49    

Ouais, bon, j'ai compris lol  :ange:  :D  
Je détiens le record du plus long extrait de code html qui sert à rien sauf à emm*****der les visiteurs  :lol:  
 
J'te rassure Niboubi, j'ai pas inséré tous les petits spacer.gif à la main quand même  :wahoo:

Reply

Marsh Posté le 01-09-2004 à 20:30:24    

ya pas de pb camilia la galerie marche tres bien et j'aime bien certains trucs!! :)

Reply

Marsh Posté le 01-09-2004 à 20:35:45    

Chez moi ça rame pas d'un poil :).
EDIT: DSL 512


Message édité par magmatik le 01-09-2004 à 20:36:18
Reply

Marsh Posté le 01-09-2004 à 20:43:50    

Merci luciolezzz et magmatik  ;-)

Reply

Marsh Posté le 03-09-2004 à 00:31:09    

ah vi c'est propre mais c'est pas un site c'est une gallerie d'image... comme l'a dit aozora, tu t'y es mal pris pour faire ton site, tout ce qui est texte sans effet doit rester texte et non image.


Message édité par satirik le 03-09-2004 à 00:31:26
Reply

Marsh Posté le 03-09-2004 à 12:22:07    

j'ai fait une découpe à l'arrache (juste pour l'idée du comment du pourquoi) ca t'aidera sans doute:
 
ICI
Pour le code le mieux est de faire en xhtml sans tableau et faire les traits avec la feuille de style css. Si tu restes avec les tableaux (html de base) tu peux faire les traits avec un gif d' 1px de large.
 
Si tu laisses ton site comme ça non seulement c'est lourd à charger, mais tu vas galérer avec ton hebergeur, à chaque affichage t'as un nombre considérable de requête serveur avec toutes les images.

Reply

Marsh Posté le 03-09-2004 à 12:53:29    

Fitterashes a écrit :

j'ai fait une découpe à l'arrache (juste pour l'idée du comment du pourquoi) ca t'aidera sans doute:
 
ICI
Pour le code le mieux est de faire en xhtml sans tableau et faire les traits avec la feuille de style css. Si tu restes avec les tableaux (html de base) tu peux faire les traits avec un gif d' 1px de large.
 
Si tu laisses ton site comme ça non seulement c'est lourd à charger, mais tu vas galérer avec ton hebergeur, à chaque affichage t'as un nombre considérable de requête serveur avec toutes les images.


 
vi il a raison, sur ovh par exemple tu es limité en nombre de requete donc avec toute tes images t'es limité a 3visites par jour ;)

Reply

Marsh Posté le 03-09-2004 à 12:58:15    

Merci bien Fitter, en effet ça m'aide bcp, clair que le code est bcp plus épuré sur ta découpe; je vais essayer de m'en inspirer  :)  
 
Par contre, je maitrise pas trop les css, tu aurais un exemple de code pour faire les lignes ?
 
Et pour le xhtml sans tableaux, euh, ça donnerait quoi ? Si tu avais un extrait de code ou un lien web pour exemple, ça m'aiderait beaucoup  :wahoo: parce que pour l'instant, en dehors du html basique, ben j'ai un peu de mal  :sweat:  
 
Merci pour ton aide  :p

Reply

Marsh Posté le 03-09-2004 à 12:59:51    

Satirik a écrit :

vi il a raison, sur ovh par exemple tu es limité en nombre de requete donc avec toute tes images t'es limité a 3visites par jour ;)


 
Pour l'instant ça passe, je suis chez wanadoo (les pauvres  :D )

Reply

Marsh Posté le 03-09-2004 à 13:14:37    

Ton code source est horrible :vomi:
edit: et BEAUCOUP trop lourd


Message édité par Ayuget le 03-09-2004 à 13:15:28
Reply

Marsh Posté le 03-09-2004 à 13:50:55    

Ayuget, jusque là j'avais compris, merci... des conseils un peu plus constructifs de ta part ?

Reply

Marsh Posté le 03-09-2004 à 14:41:29    

camilia a écrit :

Merci bien Fitter, en effet ça m'aide bcp, clair que le code est bcp plus épuré sur ta découpe; je vais essayer de m'en inspirer  :)  
 
Par contre, je maitrise pas trop les css, tu aurais un exemple de code pour faire les lignes ?
 
Et pour le xhtml sans tableaux, euh, ça donnerait quoi ? Si tu avais un extrait de code ou un lien web pour exemple, ça m'aiderait beaucoup  :wahoo: parce que pour l'instant, en dehors du html basique, ben j'ai un peu de mal  :sweat:  
 
Merci pour ton aide  :p


 
si tu connais pas le css et le xhtml vaut mieux que tu te limites au bon vieux html de base. J'ai un peu modifié ce que je t'ai fait (ICI), au niveau code c'est pas ce qu'il y a de mieux et le css est fait à la va vite, mais c'est 100 fois plus léger que ce que tu as actuellement.
 
 :hello:
 
edit : si t'arrives pas à refaire ton site je peux te le faire pour pas cher.   [:virginie]


Message édité par fitterashes le 03-09-2004 à 14:45:01
Reply

Marsh Posté le 03-09-2004 à 14:58:37    

Merci, vraiment merci Fitterashes  :ange: . Je peux te demander quel soft tu utilises pour faire ça ?
 
Je vais reprendre ton code comme base et tout refaire sur ce modèle dans dream, encore merci, je crois que tu viens de m'éviter des jours et des jours de prise de tête  :jap:  
 

Citation :

edit : si t'arrives pas à refaire ton site je peux te le faire pour pas cher.   [:virginie]


 
J'devrais arriver à m'débrouiller, mais si jamais je m'en sors pas, je fais appel à toi, promis  :whistle:

Reply

Marsh Posté le 03-09-2004 à 15:02:32    

camilia a écrit :

Merci, vraiment merci Fitterashes  :ange: . Je peux te demander quel soft tu utilises pour faire ça ?


 
dreamweaver

Reply

Marsh Posté le 03-09-2004 à 15:03:40    

Si j'ai le temps je te recoderais ton site proprement. (XHTML + CSS)


Message édité par Ayuget le 03-09-2004 à 15:04:00
Reply

Marsh Posté le 03-09-2004 à 15:04:49    

dreamweaver et c'est tout ? j'ai vu par exemple que tu avais regroupé les petites images de la galerie pour en faire des fichiers png (galerie1.png, etc..), t'as fait ça avec dreamweaver?

Reply

Marsh Posté le 03-09-2004 à 15:07:16    

Ayuget a écrit :

Si j'ai le temps je te recoderais ton site proprement. (XHTML + CSS)


 
Merci Ayuget, tu es adorable  :p  Mais je ne veux pas que tu te prennes la tête sur mon site, j'imagine combien ça va être fastidieux (remarque, peut être pas pour un pro  :lol: )

Reply

Marsh Posté le 03-09-2004 à 15:43:58    

Pour le css :  
http://www.alsacreations.com/articles
 
Un très très bon site... en francais de surcroit.  
Avec une tapé d'exemple en tout genres...
 
Bref, une bible bien comme il faut pour débuter sans problèmes!!

Reply

Marsh Posté le 03-09-2004 à 15:56:08    

Marci mélangeur. Je m'en vais potasser !!
Impressionant travail, tes "mélanges d'images"...bravo ;)

Reply

Marsh Posté le 09-09-2004 à 01:16:03    

:hello:  
 
Merci pour ta remarque camilia ...  
 
J'espère pour toi que tu t'en sors avec ton site  :D  
 
Bon courage  :jap:

Reply

Marsh Posté le 09-09-2004 à 12:49:42    

une petite question camilia, je vois que ton site est hébergé sur wanadoo, mais tu as une adresse en .com. T'as du enregistrer ton nom de domaine donc. Mais chez qui ? Et comment fais tu pour que ce soit toujours ton nom de domaine qui reste dans la barre d'adresse.  
 
Moi j'ai un site hébergé chez free, un nom de domaine enregistré chez gandi, mais pour l'instant j'utilise juste le service de redirection, ce qui fait que si on tape mon-site.com on arrive sur mon site mais aussitôt l'url redevient mon-site.free.fr. Et le problème est que je ne sais pas comment utiliser les autres services où l'on doit indiquer l'adresse ip du serveur etc...  
 
Si tu pouvais me dire comment t'as fait ce serait sympa :) ou si quelqu'un d'autre sait ca serait cool :jap:


---------------
[flickr] - [Diaporama] - tilt
Reply

Marsh Posté le    

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed