Lenteur de chargement du background

3 participants

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

Gorgorbey
Membre actif

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 Invité 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++
Anonymous

Invité
Invité


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

Résolu Re: Lenteur de chargement du background

Message par Gorgorbey 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

Gorgorbey
Membre actif

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 Invité Ven 20 Mai 2011 - 6:50

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

https://i.servimg.com/u/f26/11/26/21/37/11051810.jpg
800x1600 px
a++
Anonymous

Invité
Invité


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

Résolu Re: Lenteur de chargement du background

Message par Gorgorbey Ven 20 Mai 2011 - 6:59

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

Gorgorbey
Membre actif

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 Invité 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++
Anonymous

Invité
Invité


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

Résolu Re: Lenteur de chargement du background

Message par Gorgorbey 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

Gorgorbey
Membre actif

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 Dim 22 Mai 2011 - 21:35

UP
Gorgorbey

Gorgorbey
Membre actif

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 Mar 24 Mai 2011 - 7:11

Up
Gorgorbey

Gorgorbey
Membre actif

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

Gorgorbey
Membre actif

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 Mer 25 Mai 2011 - 10:12

UP
Gorgorbey

Gorgorbey
Membre actif

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 Mer 25 Mai 2011 - 10:17

Bonjour

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

Amicalement
Convivialite

Convivialite
Membre actif

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

Gorgorbey
Membre actif

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

Convivialite
Membre actif

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* 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*

*Emy*
Membre actif

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

https://forum.forumactif.com/
*Emy* a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Lenteur de chargement du background

Message par Gorgorbey 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

Gorgorbey
Membre actif

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

Convivialite
Membre actif

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

Gorgorbey
Membre actif

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

Convivialite
Membre actif

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

Gorgorbey
Membre actif

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

Convivialite
Membre actif

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 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(https://2img.net/r/ihimizer/img402/3469/banuv.jpg),
Gorgorbey

Gorgorbey
Membre actif

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

Convivialite
Membre actif

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* 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*

*Emy*
Membre actif

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

https://forum.forumactif.com/
*Emy* a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Lenteur de chargement du background

Message par Gorgorbey 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

Gorgorbey
Membre actif

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* 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*

*Emy*
Membre actif

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

https://forum.forumactif.com/
*Emy* a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Lenteur de chargement du background

Message par Gorgorbey 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

Gorgorbey
Membre actif

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* Mer 25 Mai 2011 - 14:35

En 1280x800 sans réduction ou augmentation aucune (ctrl+0) : https://2img.net/r/ihimg/m/849/4618/image6x.png . L'image est quand même sérieusement endommagée :s
*Emy*

*Emy*
Membre actif

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

https://forum.forumactif.com/
*Emy* a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Lenteur de chargement du background

Message par Gorgorbey 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

Gorgorbey
Membre actif

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 Mer 25 Mai 2011 - 14:40

Emy Lenteur de chargement du background 941733

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

Gorgorbey

tu devrais laisser comme tout a l'heure

en 1920

https://i.servimg.com/u/f26/13/66/42/68/137.jpg
Convivialite

Convivialite
Membre actif

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

- Sujets similaires

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