Site Web lent / Préchargement images

Résolu/Fermé

sikaar Messages postés 19 Date d'inscription mardi 3 avril 2007 Statut Membre Dernière intervention 30 avril 2008 - 23 avril 2007 à 12:08
sikaar Messages postés 19 Date d'inscription mardi 3 avril 2007 Statut Membre Dernière intervention 30 avril 2008 - 25 avril 2007 à 16:38

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

A voir également:

Site Web lent / Préchargement images
Ordinateur lent - Guide
Site de telechargement - Guide
Site inaccessible - Guide
Traduire une page web - Guide
Instagram web - Guide

3 réponses

Réponse 1 / 3

Dalida Messages postés 6728 Date d'inscription mardi 14 mai 2002 Statut Contributeur Dernière intervention 11 janvier 2016 920
23 avril 2007 à 12:49

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à...

Réponse 2 / 3

Gihef Messages postés 5150 Date d'inscription mercredi 20 juillet 2005 Statut Contributeur Dernière intervention 20 février 2023 2 775
23 avril 2007 à 15:11

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éponse 3 / 3

sikaar Messages postés 19 Date d'inscription mardi 3 avril 2007 Statut Membre Dernière intervention 30 avril 2008 1
24 avril 2007 à 10:15

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 ?

Dalida Messages postés 6728 Date d'inscription mardi 14 mai 2002 Statut Contributeur Dernière intervention 11 janvier 2016 920
24 avril 2007 à 11:27

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 !

sikaar Messages postés 19 Date d'inscription mardi 3 avril 2007 Statut Membre Dernière intervention 30 avril 2008 1
25 avril 2007 à 16:38

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 !

Discussions similaires

'Votre colis est dans le site de livraison qui dessert votre adresse' que faire

Colis en cours de transport vers votre site de livraison ?

Chemin Logo du site de la Cité de l'espace

Discussions similaires

Newsletters