Discussion :

[kebabe]

Bonjour à tous,

Je suis graphiste et je refais mon site sous Dreamweaver CS4,
mon but est de créer qlq chose de simple facile à mettre à jour, avec une galerie lightbox. Mon souci est le suivant, malgré l'optimisation de mes images qui ne sont pas véritablement lourdes, je trouve un problème d'affichage de ces dernières, certaines ne se chargent pas, il faut rafraichir pour que tout s'affiche.

Je suppose que l'erreur doit venir de mon code qui doit être un peu lourd. Je ne m'y connais que peu. Pour diagnostiquer d'où vient le problème. Si des personnes parmi vous peuvent m'aiguiller voici le lien vers mon site : www.ke2d.fr

[Bisûnûrs]

Personnellement je n'ai aucun problème. Il se peut aussi que ça vienne de ta connexion.

[Nheo_]

Personnellement je n'ai aucun problème. Il se peut aussi que ça vienne de ta connexion.

Personnellement j'ai quelques images qui ne s'affichent pas (vers le milieu/fin de la page).

Tes images sont-elles toutes de la même taille/format ?

[kebabe]

oui toute de la même taille et toutes du même format qui pèsent entre 50 et 75 ko.

C'est frustrant, car j'ai un ami qui a ce genre de site et avec beaucoup d'image de même poids et tout s'affiche correctement.

Vraiment si quelqu'un aurait la solution

[Nheo_]

oui toute de la même taille et toutes du même format qui pèsent entre 50 et 75 ko.

C'est frustrant, car j'ai un ami qui a ce genre de site et avec bcp d'image de même poids et tout s'affiche correctement.

Vraiment si quelqu'un aurait la solution

Tu affiches tes images comment ?

[kebabe]

c'est à dire ?

quelle est la différence

Je rajoute ce site qui s'affiche nickel sans latences

pourtant il y a autant d'images avec des poids variables

http://www.maki-maki.fr/

[Nheo_]

c'est à dire ?

C'est bon, j'ai eu ma réponse en regardant le code de ta page.
C'est étonnant comme comportement. Si tu enlève les LightBox, ça donne quoi ?

[kebabe]

je ne sais pas mais je ne souhaite pas les enlever, car c'est un bon système pour afficher une galerie dynamique.

le site de mon pote www.maki-maki.fr
s'affiche nickel avec beaucoup d'images

[Nheo_]

Le but n'est pas d'enlever mais de voir d'où peut venir le soucis, il faut donc effectuer des tests.

Tu peux par exemple repérer les images qui ont du mal à charger et les afficher seules : si elles ont toujours du mal, ça vient des images.

Sur le site de ton pote, certaines images sont un peu lente, mais finissent bien par être chargé. Tu dois peut être réduire encore le poids des tiennes.

[kebabe]

je vais tester ce soir, car je ne peux pas pour l'instant.

Mais le site de mon pote a des image qui montent même plus haut que les miennes parfois. j'ai les boutons lorsque tu fais un roll over qui s'affiche en dernier pourtant c'est se qu'il y a de plus léger. L'image de back ground n'est pas terriblement lourde et elle se charge en retard.

[matlow]

Quel navigateur utilises-tu ?

[kebabe]

tous, et tous me le fond, d'autres sont un poil plus rapide

[function_Help]

Hello,

Pour info :

=> poid total de http://www.ke2d.fr/ = 2015 Ko (ca nous fait du 2 mégas quand même !)
=> Dont 37 ficihiers images qui représente : 1787 Ko
=> ton image la plus lourde pèse 74 Ko ce qui est vraiment pas énorme !

Une solution envisageable pour toi serait de passer par un preloader flash.
Au regard de ton travail et ta cible on imagine que le poste client de ton visiteur dispose d'un flashPlayer.

resultat recherche google "best flash preloader" ici

perso j'ai un petit souci de lenteur avec ton menu en haut à droite...
Je pense que c'est lié au fait que tu appel une image "monImage-Select" à chaque fois ... As tu penser à utiliser des déclarations CSS ?

Bonne continuation à toi

[kebabe]

Je ne maitrise pas assez tout cela, encore moins le CSS.
quelle serait la solution la plus simple pour les menus du haut ?

ainsi que les images, sans avoir recourt aux preload.

voici le site d'un ami, ses photos pèsent en moyennent comme les miennes.

mais sa page se charge impeccablement : www.maki-maki.fr

Par contre malgré le poids général, il y a en regard des sites beaucoup plus lourd basé sur le même principe qui se chargent nickel. J'aimerai bien savoir le comment de mes erreurs.

- Est-ce un problème de code ?

- D'hébergeur ?

- De poids ?

- ou autres ?

[matlow]

Tu aurais intérêt à utiliser plusieurs pages pour ton site ou réduire le poids de tes premières images. Une solution plus efficace serait de charger toutes les images avant d'afficher la page donc toucher au code...

[kebabe]

mais pourquoi ce site www.maki-maki.fr basé sur le même principe s'affiche correctement ?

Les photos et leur poids sont tout aussi nombreuses pourtant

[matlow]

Tu vas avoir besoin de la doc de dreamweaver

[function_Help]

ReHello !

"quelle serait la solution la plus simple ?"

faire une fonction javascript qui chargerai les images les unes après les autres puis les afficher dans l'ordre...

Matlow a juste quand il te propose d'utiliser plusieurs pages.
Tu pourrais "catégoriser" par support sur la page d'index, puis ajouter devant chaque catégorie une icône plutôt qu'une image.
Lors du clic sur l'icône ou la catégorie l'utilisateur irai sur une page dédiée au support.

En index tu pourrais aussi limiter le nombre d'images pour ne garder que les plus "pertinente" et en agrandir la taille comme sur cette exemple : http://www.cesarvillegas.com/


"J'aimerai bien savoir le comment de mes erreurs"
Sans aucune critique de ma part (nous ne sommes pas là pour ça), je crois que tu n'associes pas les bonnes techos en fonction de tes besoins.

C'est comme si tu essayé de faire du dessin professionnel sous Illustrator sans tablette graphique. C'est faisable, mais c'est chiant !

[kebabe]

"faire une fonction javascript qui chargerai les images les unes après les autres puis les afficher dans l'ordre..."

Ok mais comment faire ?

Pas fan de l'exemple car je voudrai garder mes lightbox.

Sinon je n'ai eu aucun retour sur cet exemple : www.maki-maki.fr
Qu'en pensez vous c'est fluide pourtant ce n'est pas spécialement léger

Sinon cette fameuse fonctions quelle est elle et ou la placer ?

En gros pour moi graphiste et ignorant du code,
quelle serait les lignes de code et si quelqu'un peut m'indiquer en regardant mon code source où je dois placer mes lignes de code

merci

[function_Help]

le site de ton contact : www.maki-maki.fr chez moi tourne bien en effet.
Je ne sais absolument pas pourquoi son site tourne plus vite que le tiens.

Cela peut être le serveur ou bien une optimisation du code ...

je laisse la communauté te répondre à ce sujet...

Je te souhaite en tout cas bon courage et bonne continuation dans ton travail