High-Tech Santé Médecine Droit-Finances

Auto-Entrepreneur

Comment faire ?

Rechercher : dans
Par :

Site Web lent / Préchargement images

Dernière réponse le 25 avr 2007 à 16:38:03 sikaar, le 23 avr 2007 à 12:08:09 
 Signaler ce message aux modérateurs

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

Meilleures réponses pour « Site Web lent / Préchargement images » dans :
Image de fond transparente pour site web Voir
[Aspirateur de pages HTML] Comment aspirer un site Web ? Voir HTTrack est un excellent aspirateur, gratuit en licence GNU GPL (libre). HTTrack permet de télécharger un site web d'Internet vers votre disque dur, en construisant récursivement tous les répertoires, récupérant html, images et fichiers du serveur...
Image arrière plan pour un site web (Résolu) Voir
CMS Open Source : Gérer facilement un site web professionnel Voir
Vérifier les liens brisés d'un site web Voir
[Téléchargement] Récupérer un site web en .chm (Windows Help) VoirIl peut être pratique d'avoir en local certains sites web, par exemple pour consulter des documentations sur un ordinateur portable pendant un voyage. Voici comment récupérer un site web sous forme de fichier .chm Pourquoi le format .CHM ? C'est...
Mesure d'audience d'un site web VoirMesure et qualification de l'audience d'un site web L'objectif de tout webmaster est de développer l'audience de son site web, c'est-à-dire d'accroître le nombre de visites journalières. Il lui est ainsi indispensable de disposer d'indicateurs lui...
Webmastering - Conception d'un site web VoirConception d'un site web La conception d'un site web doit être une démarche participative, orientée utilisateurs, c'est-à-dire qu'elle doit se faire, autant que possible, en concertation avec un ensemble de représentants de l'entreprise ou de...
Webmaster (Administrateur de site web) VoirWebmaster (Administrateur de site web) Le webmaster (également appelé administrateur de site web ou webmestre) est chargé du maintien et de l'évolution du site web de l'entreprise. A ce titre, il travaille à définir l'architecture et l'arborescence...
Posez votre question Répondre

1

Dalida, le 23 avr 2007 à 12:49:28

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

Gihef, le 23 avr 2007 à 15:11:23

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

sikaar, le 24 avr 2007 à 10:15:25

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

Dalida, le 24 avr 2007 à 11:27:37
  • +1

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

 sikaar, le 25 avr 2007 à 16:38:03

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
Posez votre question Répondre
Ils ont besoin de votre aide
Collection CommentÇaMarche.net