Forum |  HardWare.fr | News | Articles | PC | S'identifier | S'inscrire | Shop Recherche
2486 connectés 

  FORUM HardWare.fr
  Graphisme
  Web design

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

 


 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

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

n°530780
camilia
Posté le 01-09-2004 à 14:06:34  profilanswer
 

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  :)

mood
Publicité
Posté le 01-09-2004 à 14:06:34  profilanswer
 

n°530785
aozora
Posté le 01-09-2004 à 14:13:32  profilanswer
 

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
n°530791
camilia
Posté le 01-09-2004 à 14:20:51  profilanswer
 

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 ;-)

n°530792
Lowskill
Posté le 01-09-2004 à 14:21:47  profilanswer
 

La gallerie ne charge pas

n°530794
aozora
Posté le 01-09-2004 à 14:23:21  profilanswer
 

les slices c toutes les petites decoupes


---------------
Flickr Neverends | Neverends | Landolfi : Un bucheron dans un corps de princesse
n°530795
camilia
Posté le 01-09-2004 à 14:25:29  profilanswer
 

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 ?

n°530799
aozora
Posté le 01-09-2004 à 14:31:06  profilanswer
 

non rien ça reste a 0%


---------------
Flickr Neverends | Neverends | Landolfi : Un bucheron dans un corps de princesse
n°530800
aozora
Posté le 01-09-2004 à 14:31:51  profilanswer
 

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


---------------
Flickr Neverends | Neverends | Landolfi : Un bucheron dans un corps de princesse
n°530801
camilia
Posté le 01-09-2004 à 14:34:12  profilanswer
 

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

n°530806
Lowskill
Posté le 01-09-2004 à 14:38:33  profilanswer
 

aozora a écrit :

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


 
Exactement ;)

mood
Publicité
Posté le 01-09-2004 à 14:38:33  profilanswer
 

n°530823
Niboubi
Posté le 01-09-2004 à 15:01:11  profilanswer
 

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
n°530825
camilia
Posté le 01-09-2004 à 15:10:49  profilanswer
 

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:

n°531037
luciolezzz
Posté le 01-09-2004 à 20:30:24  profilanswer
 

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

n°531040
magmatik
White is right.
Posté le 01-09-2004 à 20:35:45  profilanswer
 

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


Message édité par magmatik le 01-09-2004 à 20:36:18
n°531042
camilia
Posté le 01-09-2004 à 20:43:50  profilanswer
 

Merci luciolezzz et magmatik  ;-)

n°531786
satirik
Posté le 03-09-2004 à 00:31:09  profilanswer
 

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
n°531938
fitterashe​s
Posté le 03-09-2004 à 12:22:07  profilanswer
 

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.

n°531950
satirik
Posté le 03-09-2004 à 12:53:29  profilanswer
 

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 ;)

n°531951
camilia
Posté le 03-09-2004 à 12:58:15  profilanswer
 

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

n°531952
camilia
Posté le 03-09-2004 à 12:59:51  profilanswer
 

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 )

n°531953
Ayuget
R.oger
Posté le 03-09-2004 à 13:14:37  profilanswer
 

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


Message édité par Ayuget le 03-09-2004 à 13:15:28
n°531958
camilia
Posté le 03-09-2004 à 13:50:55  profilanswer
 

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

n°531990
fitterashe​s
Posté le 03-09-2004 à 14:41:29  profilanswer
 

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
n°532004
camilia
Posté le 03-09-2004 à 14:58:37  profilanswer
 

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:

n°532007
fitterashe​s
Posté le 03-09-2004 à 15:02:32  profilanswer
 

camilia a écrit :

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


 
dreamweaver

n°532008
Ayuget
R.oger
Posté le 03-09-2004 à 15:03:40  profilanswer
 

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


Message édité par Ayuget le 03-09-2004 à 15:04:00
n°532009
camilia
Posté le 03-09-2004 à 15:04:49  profilanswer
 

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?

n°532014
camilia
Posté le 03-09-2004 à 15:07:16  profilanswer
 

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: )

n°532046
melangeur
moi, j'dis ça, mais j'dis rien
Posté le 03-09-2004 à 15:43:58  profilanswer
 

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!!

n°532048
camilia
Posté le 03-09-2004 à 15:56:08  profilanswer
 

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

n°535568
melangeur
moi, j'dis ça, mais j'dis rien
Posté le 09-09-2004 à 01:16:03  profilanswer
 

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

n°535665
jio
to shoot or not to shoot...
Posté le 09-09-2004 à 12:49:42  profilanswer
 

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
mood
Publicité
Posté le   profilanswer
 


Aller à :
Ajouter une réponse
  FORUM HardWare.fr
  Graphisme
  Web design

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

 

Sujets relatifs
[AVIS] Besoin d'idées pour un site[Aide] Site sans aucun design actuellement ...
Critiques sur un siteQui peut me mettre des images
[Avis] Site pour vendre une maison[Avis] Site Web pour une équipe
site web mac - pcPouvez vous m'aider à améliorer le design de mon site ?
Quel est votre avis sur ce site ? 
Plus de sujets relatifs à : Site trop lent (bcp d'images): comment l'améliorer ?


Copyright © 1997-2022 Hardware.fr SARL (Signaler un contenu illicite / Données personnelles) / Groupe LDLC / Shop HFR