KioskeaKioskeaCommentCaMarcheInscrivez-vous, c'est gratuit !
Samedi 17 mai 2008 - 21:22:55

Site Web lent / Préchargement images

Rechercher : dans
Site Web lent / Préchargement images
par sikaar
 Fil de Discussions
Statut : Résolu
lundi 23 avril 2007 à 12:08:09
Bonjour a tous et a toutes,
je viens de finir mon site web (meme si il ne passe pas encore le validateur ... je ne dois pas choisir le bon doctype, si vous avez une idée on en discutera).
De mon bureau l'accès internet est plutot tres rapide et donc aucun probleme tout s'affiche vite et bien.
Par contre de mon domicile l'acces n'est pas tres rapide ...

Ce qui rends la navigation assez désagreable :
j'ai un script qui permet un affichage aléeatoire du fond d'ecran mais celui ci mets un certain temps a se charger laissant un fond noir tres moyen ... Existe il un moyen de forcer le chargement et l'affichage en premier de l'image de fond ?

le site est http://www.ateliers-dinand.com.

Vos commentaires sur le site sont aussi les bienvenus.

Merci d'avance
Configuration: Windows XP
Internet Explorer 6.0
Répondre à sikaar  Signaler ce message aux modérateurs Aller au dernier message

1


  • Ce message vous semble utile, votez !
  • Signaler ce message aux modérateurs
Par Dalida, le lundi 23 avril 2007 à 12:49:28 Fil de Discussions
salut,

les images de fond sont prioritaires sur les images me semble-t-il.
pour moi tu mets 7,6'' à charger en 56k.

au sujet de "images/dinandbg[i].jpg", pour accélérer le chargement il faudrait les découper et ne garder que deux bandeaux verticaux à droite et à gauche. il y a un énorme pavé monochrome au milieu qu'il ne sert à rien de charger, mieux vaux colorer un arrière plan en blanc. par ailleurs as-tu essayé de compresser un peu plus tes images ? as-tu essayé en png ? on gagne encore quelques kilos…
comme ça il ne devrait plus y avoir de délai de chargement.

si tu veux améliorer encore il faudrait utiliser la propriété {background-image} de css plutôt que l'attribut 'background' de html qui n'a plus beaucoup d'avenir.
tu pourrais aussi inclure directement ton javascript, ça fera toujours un objet de moins.

voili, voilà...
[ Mathieu ]
savoir rester faignant, c'est progresser en informatique. enfin, j'essaie...
Répondre à Dalida

2


  • Ce message vous semble utile, votez !
  • Signaler ce message aux modérateurs
Par Gihef, le lundi 23 avril 2007 à 15:11:23 Fil de Discussions
Bonjour,

Oui, en découpant tes images, tu gagneras encore quelques ko. Peu.
En les compressant plus (elles le sont déjà), elles vont encore se détériorer.

Pour la validation, je te propose ce code :
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
  <title> ATELIERS DINAND &mdash; Architecte de parfum depuis 1968</title>
  <meta name="description" content="ATELIERS DINAND, Architecte de parfum depuis 1968">
  <meta name="keywords" content="ateliers, dinand, atelier, design, designs, parfum, parfums, flacon">
  <meta name="Ateliers-Dinand" content="2005, 1and1.fr">
  <meta http-equiv="Page-Enter" content="blendTrans(Duration=1.0)">
  <meta http-equiv="Content-type" content="text/html; charset=iso-8859-1">
  <meta http-equiv="Content-Script-Type" content="text/javascript">  
  <link href="./style.css" rel="stylesheet" type="text/css">
  <script type="text/javascript" src="./scriptbg.js"></script>
</head>

<body onload="ChangeBG()">
<br><br><br><br><br><br>
  <div align=center>
    <br>
    <img alt="Logo ATELIERS DINAND" src="./images/logo_dinand.GIF">
    <br><br><br><br><br><br><br>
    <a href="fr/index.html"><img src="./images/fr.JPG"  align=bottom  alt="" hspace=5  border=1 height=20></a>         
    <a href="en/index.html"><img src="./images/en.JPG" align=bottom  alt="" hspace=5  border=1 height=20></a>
    <a href="jp/index.html"><img src="./images/jp.JPG" align=bottom  alt="" hspace=5  border=1 height=20></a>
    <br><br>
      <div style="text-align:center;color:#fff;">
      <noscript>This website need to have Javascript activated for you to enjoy its full functionnality.<br>
      Under Internet Explorer, activate it by clicking on the yellow bar with the <img src="./images/security.jpg"  alt=""><br>
      and "allow restricted content&hellip;"<br><br>
      Pour une navigation optimale, ce site necessite l'activation de Javascript.<br>
      Avec Internet Explorer, activez-le en cliquant sur la barre jaune en haut avec le <img src="./images/security.jpg"  alt=""><br>
      puis "autoriser le contenu bloqué&hellip;"</noscript>
      </div>
    <br><br><br><br><br><br><br><br><br>­<br><br><br>
      <div align=center>
      <font face=Arial size=2 color="#000000"><em>ATELIERS DINAND &mdash; Architecte de parfum depuis 1968</em></font>
      </div>
  </div>
</body>
</html>

• Le DOCTYPE est correct.
• Les “<meta name” n'acceptent pas les espaces.
• Le onload ne peut être que dans le body (ou un frameset).
• Il est préférable de l'annoncer “<meta http-equiv="Content-Script-Type" content="text/javascript">”.
• <noscript> n'accepte pas la mise en forme. Je l'ai mis dans une <div>.
Et ai passé le texte en blanc pour qu'il soit lisible sur le fond noir (onload dans le body + pas de Javascript = pas d'image).
• Le “align=baseline” n'est pas autorisé pour les <a>.
• Une </div> a été fermée.


+ L'image du <noscript> est manquante.
 
Répondre à Gihef

3


  • Ce message vous semble utile, votez !
  • Signaler ce message aux modérateurs
Par sikaar, le mardi 24 avril 2007 à 10:15:25 Fil de Discussions
Bonjour,

Pour la validation c'est bon j'ai fait les modification merci pour les conseils.

Par contre pour l'image de fond , je veux bien la découper en deux et mettre l arrieplan de mes div en blanc mais je ne vois pas comment avoir 2 images de fond de body ...

Vos suggestions sont les bienvenues.

PS: pensez vous que je devrais élargir encore plus l'image de fond ?
Répondre à sikaar

4


  • Ce message vous semble utile, votez !
  • Signaler ce message aux modérateurs
Par Dalida, le mardi 24 avril 2007 à 11:27:37 Fil de Discussions
salut,

> comment avoir 2 images de fond de body ?

impossible, donc on va faire autrement ! -;o)
html
<body>
	<div id="arriere-plan-droite">
		[&hellip;]
	</div>
</body>

css
body{
background-image:url(fond_gauche.png);
}
div#arriere-plan-droite{
background-image:url(fond_droite.png);
}

> pensez vous que je devrais élargir encore plus l'image de fond ?

tu peux pousser jusqu'à 780px sans problème. tu peux déjà enlever les quelques pixels noirs de chaque coté. il ne servent à rien puisque c'est la même couleur que l'arrière plan et alourdissent l'image.
maintenant à toi de voir si tu as besoin de plus d'espace.

bon courage !
[ Mathieu ]
savoir rester faignant, c'est progresser en informatique. enfin, j'essaie...
Répondre à Dalida

5


  • Ce message vous semble utile, votez !
  • Signaler ce message aux modérateurs
Par sikaar, le mercredi 25 avril 2007 à 16:38:03 Fil de Discussions 
Bonjour,

Merci beaucoup le site se valide (encore quelques modifs mais ca marche). La position du Onload était la source de mon probleme.

Bonne journée a tous !
Répondre à sikaar
Discussions pertinentes trouvées dans le forum
28/08 21h04Mise en ligne site web => pb affichage imagesWebmastering29/08 10h3810
23/02 11h57Problème pour inséré une image sur site webProgrammation05/04 19h239
31/10 22h03Pb images sous Vista+IE7 pour 1 seul site webInternet02/03 17h012
19/03 02h46Images sur site webWebmastering19/03 03h092
Plus de discussions sur « Site Web lent / Préchargement images » Discussion en cours Discussion fermée Problème résolu
Répondre
Titre du message :
Votre pseudo:
Votre email :
Message: 
  •  
  •  
Options: Recevoir les réponses par mail.
 

Aide