Lenteur de chargement du background

Page 1 sur 2 1, 2  Suivant

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Lenteur de chargement du background

Message par Gorgorbey le Jeu 19 Mai 2011 - 11:35

Bonjour,

Sur mon forum (celui de mon profil) j'ai créé moi-même mon background en y intégrant la bannière. Cela fait donc une image assez lourde que j'ai compressée en JPEG (1,77 Mo). Je l'ai hébergée sur un hébergeur d'image (j'en ait essayé plusieurs c'est pareil). Le problème est que tout le forum se charge normalement sauf le background qui met plusieurs secondes. Et cela dépend des moments, lorsque je suis déjà allé sur le forum et que je clique sur des liens internes, le background se charge de suite. Mais par exemple en faisant CTRL+F5, c'est lent.

Une petite idée du problème ? Razz

Amicalement.


Dernière édition par Gorgorbey le Mer 25 Mai 2011 - 15:53, édité 1 fois

Gorgorbey
+ Hyperactif +

Masculin
Messages : 3321
Inscrit(e) le : 09/09/2010

http://w4rx.forumactif.com/
Gorgorbey a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Lenteur de chargement du background

Message par Milouze14 le Jeu 19 Mai 2011 - 19:41

Salut Gorgorbey,
essayes ce lien

Code:
 [img]http://i26.servimg.com/u/f26/11/26/21/37/11051810.jpg[/img]

l'image a été allégée 455 ko Confused

a++

Milouze14
+ Hyperactif +

Masculin
Messages : 4563
Inscrit(e) le : 18/04/2005

http://www.milouze14.com/
Milouze14 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Lenteur de chargement du background

Message par Gorgorbey le Ven 20 Mai 2011 - 0:26

Normal que tu ait allégé l'image tu l'as réduite Wink
Ce n'est pas la que je veux.

Gorgorbey
+ Hyperactif +

Masculin
Messages : 3321
Inscrit(e) le : 09/09/2010

http://w4rx.forumactif.com/
Gorgorbey a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Lenteur de chargement du background

Message par Milouze14 le Ven 20 Mai 2011 - 6:50

Salut,
je n'ai pas réduit l'image Wink .

http://i26.servimg.com/u/f26/11/26/21/37/11051810.jpg
800x1600 px
a++

Milouze14
+ Hyperactif +

Masculin
Messages : 4563
Inscrit(e) le : 18/04/2005

http://www.milouze14.com/
Milouze14 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Lenteur de chargement du background

Message par Gorgorbey le Ven 20 Mai 2011 - 6:59

Oui c'est bien ce que je dis^^
La mienne fait 1330x2660 px.

Gorgorbey
+ Hyperactif +

Masculin
Messages : 3321
Inscrit(e) le : 09/09/2010

http://w4rx.forumactif.com/
Gorgorbey a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Lenteur de chargement du background

Message par Milouze14 le Ven 20 Mai 2011 - 7:03

Salut,
il y a du avoir une mauvaise manip hier soir je crois Embarassed
tu as résolu ton problème car ton image est beaucoup moins lourde Confused .
234 ko
a++

Milouze14
+ Hyperactif +

Masculin
Messages : 4563
Inscrit(e) le : 18/04/2005

http://www.milouze14.com/
Milouze14 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Lenteur de chargement du background

Message par Gorgorbey le Ven 20 Mai 2011 - 7:08

Je viens de voir que tu as raison mais c'est bizarre car avant de l'héberger elle est beaucoup plus lourde. Mais le problème de temps de chargement est le même. On le voit en faisant CTRL+F5 sur la page.

Gorgorbey
+ Hyperactif +

Masculin
Messages : 3321
Inscrit(e) le : 09/09/2010

http://w4rx.forumactif.com/
Gorgorbey a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Lenteur de chargement du background

Message par Gorgorbey le Dim 22 Mai 2011 - 21:35

UP

Gorgorbey
+ Hyperactif +

Masculin
Messages : 3321
Inscrit(e) le : 09/09/2010

http://w4rx.forumactif.com/
Gorgorbey a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Lenteur de chargement du background

Message par Gorgorbey le Mar 24 Mai 2011 - 7:11

Up

Gorgorbey
+ Hyperactif +

Masculin
Messages : 3321
Inscrit(e) le : 09/09/2010

http://w4rx.forumactif.com/
Gorgorbey a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Lenteur de chargement du background

Message par Gorgorbey le Mar 24 Mai 2011 - 10:56

J'aurais également voulu savoir comment faire en sorte que le background s'adapte à la taille de l'écran.

Mon CSS lié :
Code:
body {
background-image: url=('http://nsa25.casimages.com/img/2011/05/13/110513123921195932.png');
background-repeat: no-repeat;
background-attachment: scroll;
background-position: top center;
width:100%;
height:100%;
}

J'ai essayé le tutoriel Image de fond changeant selon la résolution du visiteur mais ça ne fonctionne pas comme je veux.

Gorgorbey
+ Hyperactif +

Masculin
Messages : 3321
Inscrit(e) le : 09/09/2010

http://w4rx.forumactif.com/
Gorgorbey a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Lenteur de chargement du background

Message par Gorgorbey le Mer 25 Mai 2011 - 10:12

UP

Gorgorbey
+ Hyperactif +

Masculin
Messages : 3321
Inscrit(e) le : 09/09/2010

http://w4rx.forumactif.com/
Gorgorbey a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Lenteur de chargement du background

Message par Convivialite le Mer 25 Mai 2011 - 10:17

Bonjour

tu as quel problème concernant le tuto de résolution d'ecran

Amicalement

Convivialite
+ Hyperactif +

Féminin
Messages : 2874
Inscrit(e) le : 19/03/2009

http://la-convivialite.forumactif.com
Convivialite a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Lenteur de chargement du background

Message par Gorgorbey le Mer 25 Mai 2011 - 10:21

Bonjour Convivialite,

Et bien j'ai fait les différentes tailles d'écrans comme indiqué, j'ai mis le code ect...
Le problème est que le background qui s'affiche est beaucoup trop petit par rapport à l'écran, il ne prend pas tout le fond.
Sinon y a pas moyen avec le CSS de faire en sorte que le fond s'adapte à la taille de l'écran ?

Gorgorbey
+ Hyperactif +

Masculin
Messages : 3321
Inscrit(e) le : 09/09/2010

http://w4rx.forumactif.com/
Gorgorbey a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Lenteur de chargement du background

Message par Convivialite le Mer 25 Mai 2011 - 10:23

quand tu dis que j'ai fait les différentes tailles d'écrans comme indiqué,

se sont bien différentes images adaptées aux tailles demandées que tu as fait ?

tu peux me mettre ta page html STP

Convivialite
+ Hyperactif +

Féminin
Messages : 2874
Inscrit(e) le : 19/03/2009

http://la-convivialite.forumactif.com
Convivialite a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Lenteur de chargement du background

Message par *Emy* le Mer 25 Mai 2011 - 10:27

J'ai peut-être une idée pour alléger ta page : le background multiple.

J'ai divisé ton image en deux, la bannière et le fond, car le fond a un motif pouvant se répéter donc je n'en ai gardé qu'une partie (cette image-là ne fait plus que 134x134px).
Voilà ce que ça donnerait :

Code:
body {
background-image: url(http://img402.imageshack.us/img402/3469/banuv.jpg), url(http://img534.imageshack.us/img534/7882/fondy.jpg);
background-position: center top, left top;
background-repeat: no-repeat, repeat;
background-attachment: scroll;
}

*Emy*
+ Hyperactif +

Féminin
Messages : 17755
Inscrit(e) le : 11/04/2006

*Emy* a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Lenteur de chargement du background

Message par Gorgorbey le Mer 25 Mai 2011 - 10:42

Pour le HTML :
Code:
var bg= "http://i22.servimg.com/u/f22/15/72/69/52/160010.jpg";

if(screen.width < 801) bg="http://i22.servimg.com/u/f22/15/72/69/52/800-1610.jpg";
else if(screen.width < 1025) bg="http://i22.servimg.com/u/f22/15/72/69/52/1024-710.jpg";
else if(screen.width < 1281) bg="http://i22.servimg.com/u/f22/15/72/69/52/1280-910.jpg";
else if(screen.width < 1601) bg="http://i22.servimg.com/u/f22/15/72/69/52/1600-110.jpg";

document.body.style.backgroundImage="url("+bg+")";

*Emy* je testerai ta solution cet aprem je dois partir.

Gorgorbey
+ Hyperactif +

Masculin
Messages : 3321
Inscrit(e) le : 09/09/2010

http://w4rx.forumactif.com/
Gorgorbey a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Lenteur de chargement du background

Message par Convivialite le Mer 25 Mai 2011 - 10:47

je viens de verifier tes images , elles n'ont pas le bonnes dimensions

tu as inversé hauteur et largeur
Code:

http://i22.servimg.com/u/f22/15/72/69/52/1024-710.jpg

elle devrait faire

1024 x 768

elle fait

768 x 1024

et pareil pour les autres

Convivialite
+ Hyperactif +

Féminin
Messages : 2874
Inscrit(e) le : 19/03/2009

http://la-convivialite.forumactif.com
Convivialite a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Lenteur de chargement du background

Message par Gorgorbey le Mer 25 Mai 2011 - 12:26

Ah oui en effet^^
Et puis-je appliquer ta solution et celle de *Emy* à la fois ? Pour alléger le poids.

EDIT : J'ai changé les dimensions mais il y a toujours un soucis car il ne fait pas tous l'écran. De plus cela a étiré l'image mais je pourrais régler ce problème plus tard.

Gorgorbey
+ Hyperactif +

Masculin
Messages : 3321
Inscrit(e) le : 09/09/2010

http://w4rx.forumactif.com/
Gorgorbey a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Lenteur de chargement du background

Message par Convivialite le Mer 25 Mai 2011 - 13:00

ce tuto adapte le fond d’écran représenté par 1 image

si elle ne rempli pas tout ton écran ( le mien non plus )

c'est que tes dimensions ne sont pas assez grande

l'explication d'Emy passe par le css , donc pas applicable au tuto

Convivialite
+ Hyperactif +

Féminin
Messages : 2874
Inscrit(e) le : 19/03/2009

http://la-convivialite.forumactif.com
Convivialite a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Lenteur de chargement du background

Message par Gorgorbey le Mer 25 Mai 2011 - 13:07

Donc logiquement il faut que j'augmente la taille de celle qui fait plus de 1600.
Or celle qui s'affiche est celle qui fait 1600x1200

Il n'y a vraiment pas moyen de passer par le CSS avec une image qui s'adapte à tout ?
Je pensais que width:100% et height:100% marcheraient mais on dirais que non.

Gorgorbey
+ Hyperactif +

Masculin
Messages : 3321
Inscrit(e) le : 09/09/2010

http://w4rx.forumactif.com/
Gorgorbey a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Lenteur de chargement du background

Message par Convivialite le Mer 25 Mai 2011 - 13:22

mon écran fait 1920 donc ton image de 1600 ne couvre pas tout

pour ta solution 100% je n'ai pas essayé

une idée , pas essayé non plus lol!

ce que tu pourrais faire c'est ton fond gris clair par css comme le dit Emy

et ta bannière noire que tu monte tout en haut

comme ça



Code:
#i_logo {
position: absolute;
top: 0px;
width: 100%;
background-image: url(...);
height:**px;
width:**px;
}

Convivialite
+ Hyperactif +

Féminin
Messages : 2874
Inscrit(e) le : 19/03/2009

http://la-convivialite.forumactif.com
Convivialite a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Lenteur de chargement du background

Message par Gorgorbey le Mer 25 Mai 2011 - 13:43

Code:
body {
background-image: url(http://img402.imageshack.us/img402/3469/banuv.jpg), url(http://img534.imageshack.us/img534/7882/fondy.jpg);
background-position: center top, left top;
background-repeat: no-repeat, repeat;
background-attachment: scroll;
}

Avec ce code comment je peux appliquer une taille juste à :
url(http://img402.imageshack.us/img402/3469/banuv.jpg),

Gorgorbey
+ Hyperactif +

Masculin
Messages : 3321
Inscrit(e) le : 09/09/2010

http://w4rx.forumactif.com/
Gorgorbey a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Lenteur de chargement du background

Message par Convivialite le Mer 25 Mai 2011 - 13:52

Essaye avec le tuto , tu verras bien

je ne sais pas ce que ça va donner , c'est une bannière , pas une image de fond lol! mais ça peut fonctionner


Dernière édition par Convivialite le Mer 25 Mai 2011 - 13:55, édité 1 fois

Convivialite
+ Hyperactif +

Féminin
Messages : 2874
Inscrit(e) le : 19/03/2009

http://la-convivialite.forumactif.com
Convivialite a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Lenteur de chargement du background

Message par *Emy* le Mer 25 Mai 2011 - 13:52

Voilà qui devrait marcher :

Code:
body {
background-image: url(http://img402.imageshack.us/img402/3469/banuv.jpg), url(http://img534.imageshack.us/img534/7882/fondy.jpg);
background-position: center top, left top;
background-repeat: no-repeat, repeat;
background-attachment: scroll;
background-size: 100% 337px, auto;
}

*Emy*
+ Hyperactif +

Féminin
Messages : 17755
Inscrit(e) le : 11/04/2006

*Emy* a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Lenteur de chargement du background

Message par Gorgorbey le Mer 25 Mai 2011 - 13:56

Ah on est sur la bonne voie là^^
Mais quand on réduis la fenêtre la largeur diminue proportionnellement c'est nickel mais la hauteur bouge également. Or je voudrais qu'elle soit fixe Very Happy

Gorgorbey
+ Hyperactif +

Masculin
Messages : 3321
Inscrit(e) le : 09/09/2010

http://w4rx.forumactif.com/
Gorgorbey a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Lenteur de chargement du background

Message par *Emy* le Mer 25 Mai 2011 - 14:10

La hauteur est toujours la même (337px) sauf que ton écran est dans une autre résolution donc soit elle prend plus de place soit elle en prend moins mais la qualité de l'image reste la même.

A la rigueur, tu peux changer "337px" dans le CSS par un pourcentage de la taille de la page mais ça risque de déformer sérieusement ton image à force.

*Emy*
+ Hyperactif +

Féminin
Messages : 17755
Inscrit(e) le : 11/04/2006

*Emy* a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Lenteur de chargement du background

Message par Gorgorbey le Mer 25 Mai 2011 - 14:25

J'ai mis 25% et voilà le résultat Wink
http://communaute-dev.pro-forum.fr/

C'est nickel non ? Essaye de réduire la fenêtre.

Gorgorbey
+ Hyperactif +

Masculin
Messages : 3321
Inscrit(e) le : 09/09/2010

http://w4rx.forumactif.com/
Gorgorbey a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Lenteur de chargement du background

Message par *Emy* le Mer 25 Mai 2011 - 14:35

En 1280x800 sans réduction ou augmentation aucune (ctrl+0) : http://imageshack.us/m/849/4618/image6x.png . L'image est quand même sérieusement endommagée :s

*Emy*
+ Hyperactif +

Féminin
Messages : 17755
Inscrit(e) le : 11/04/2006

*Emy* a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Lenteur de chargement du background

Message par Gorgorbey le Mer 25 Mai 2011 - 14:38

Oui en effet c'est bizarre c'était parfait quand j'ai posté et ça a foiré ensuite. Finalement j'ai fais en px comme tu disais et c'est bon Wink

Merci beaucoup pour ta patience et bonne journée !

Gorgorbey
+ Hyperactif +

Masculin
Messages : 3321
Inscrit(e) le : 09/09/2010

http://w4rx.forumactif.com/
Gorgorbey a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Lenteur de chargement du background

Message par Convivialite le Mer 25 Mai 2011 - 14:40

Emy

Je viens d'apprendre quelque chose , grâce a toi

Gorgorbey

tu devrais laisser comme tout a l'heure

en 1920

http://i26.servimg.com/u/f26/13/66/42/68/137.jpg

Convivialite
+ Hyperactif +

Féminin
Messages : 2874
Inscrit(e) le : 19/03/2009

http://la-convivialite.forumactif.com
Convivialite a été remercié(e) par l'auteur de ce sujet.

Page 1 sur 2 1, 2  Suivant

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum