flash blanc à l'ouverture des pages

[lycuong]

Bonjour, mon tout nouveau site rencontre un problème lorsqu'on change de page où il se produit un flash blanc.
J'avoue être bien démunie face à cela. merci pour vos conseils.

[FilmsdeLover]

Je ne pense pas que ça soit un "flash blanc" mais la micro seconde entre le chargement de la page et l'affichage du fond de votre site. Peut-être l'image en question est-elle trop volumineuse ? Essayez avec une autre image et regardez si le flash blanc est toujours là.

[lycuong]

Bonsoir et merci pour la réponse. Nous avons pensé à cette option (image de fond volumineuse) que nous avons écartée pour les raisons suivantes: l'image de 640x480 ne pèse que 16,6ko. Par ailleurs, nous l'avons remplaçée par un fond uni et le problème persiste bien que non systématique. Cela laisse perplexe ... nous sommes preneurs pour d'autres pistes. Bien cordialement.

[FredVig]

Comme explique Fimdelover, cela provient effectivement du chargement de l'image de fond. C'est un des défaut de la structure de ce genre de site où toute la page est recalculée au chargement. Il n'y a pas d'élément constant. Les éléments sont affichés selon un ordre précis et le fond de page arrive bon dernier. Le flash blanc est produit par l'apparition furtive de la couleur par défaut de l'élément qui inclue l'image d'arrière-plan. L'effet est important dans le cas de votre site à cause de la transparence de couleur du contenant principal.
Il est possible de limiter cet effet négatif de plusieurs façons :
1- L'image de fond doit être de dimensions correspondant à une fenêtre moyenne : 1600px de large minimum. la vôtre est trop petite.
Jimdo supporte des fonds de plus de 2Mo, mais on peut obtenir des images de 2000px de côté à moins de 200ko, en les optimisant avec un logiciel approprié. Si l'image est trop petite, comme elle est redimensionnée à chaque affichage de page, selon la largeur de la fenêtre navigateur, cela exige un temps de calcul plus grand.
2- Ajouter avec du code une couleur neutre dans l’arrière-plan du site. Celle-ci remplacera l'image de fond le temps qu'elle se calcule.
Cela sera quelque chose du genre : .jtpl-background-area{background-color: beige;}, mais il faudrait un accès administrateur pour tester, et chercher le bon module à "colorer", et la bonne couleur.
Note : Lorsque cette couleur est imposée par le CSS que l'on créé avec "modifier le Head", il semble qu'elle est calculée plus tôt. Cela fonctionne mieux qu'une couleur unie de fond obtenue avec l'outil design.
3- Vérifier qu'aucun script ou autre contenu ne ralenti l'affichage de votre content. Ce n'est pas votre cas, mais d'autres sites incluent des widgets secondaires, météo, compteurs de visites etc… qui ralentissent l'affichage du contenu principal. et comme le fond apparait en dernier…

Pour finir, sachez que le rendu est assez différent d'un ordinateur à l'autre, d'un navigateur à l'autre. Il est préférable de contrer ce défaut même s'il ne semble pas toucher votre site.
Notez également qu'il faut vider le cache du navigateur entre chaque page pour visualiser "l'effet flash blanc", dans l'optique de tester la navigation visiteur.

[lycuong]

Merci pour ces conseils très pointus. Voici le bilan des tests réalisés:
- image de fond redimensionnée à 1600x1200: pb persistant
- remplacement image de fond par un fond uni: idem
Lorsqu'on enlève la transparence du pavé texte et du menu latéral, pas d'amélioration!
C'est incompréhensible, merci pour vos lumières. Béatrice

[FredVig]

Aviez-vous bien noté que le remplacement par une couleur unie à l'aide de l'outil style ne peut pas changer le problème ?
Il faut impérativement utiliser du CSS :

modifier le Head

Code:

<style type="text/css">
    /*<![CDATA[*/

  .jqbga-slider--image, .jqbga-web--image {
   background-color: #9c9b9b!important;}

    /*]]>*/
    </style>


Ceci dit, un élément peut ralentir l'affichage.
(le logo transparent re-dimensionné ?)
Essayez de supprimer les éléments un à un pour vérifier cette hypothèse.

[lycuong]

Bonjour et merci pour votre aide. Nous avons continué les tests:
suppression logo transparent
suppression transparence des pavés textes mais pas d'amélioration.
Pour ce qui est du remplacement de l'image de fond, on a bien compris qu'il fallait utiliser du CSS mais ça dépasse nos compétences. Du coup, c'est le seul test qu'on a pas pu faire. Est-ce que le code donné appelle l'image de fond? Bref, on sait plus quoi faire. Merci d'avance

[FredVig]

vous allez dans paramètres>modifier le head et vous collez le code que je vous ai indiqué
enregistrer

[lycuong]

Merci pour les précisions, on était sur la bonne piste mais pas sûrs de faire bien. On a refait cette manip mais pas d'amélioration?

[FredVig]

Il vaut mieux attendre la réponse du SAV car c'est un problème lié au chargement de l'image de fond, mais cela dépasse ce qu'on peut faire à partir du forum.
Il faut faire des test avec diverses images (dimensions adéquates)
divers modes d'insertions (diaporama, image fixe)
en ciblant divers composants pour la couleur dans le modifier le Head.

[lycuong]

Comment ça se passe avec le SAV? C'est à nous de le contacter? Encore merci

[FredVig]

Ha ben oui !
Il faut même commencer par ça quand vous avez un soucis.
Vous payez pour le SAV avec votre abonnement.
Ici c'est un forum d'utilisateurs destiné à partager nos expériences, essayer des 'astuces' etc.
Envoyez un message depuis votre interface administrateur dans Support Jimdo
décrivez clairement votre soucis, et attendez la réponse par mail. Ne renvoyez pas de mail avant qu'ils vous répondent.

[FredVig]

Il faudra insister car ce problème n'est pas considéré comme majeur. Mais dans le cas de votre site, il est particulièrement présent.

[lycuong]

Y a plus qu'à! merci pour les conseils

[lycuong]

Juste pour conclure ce sujet. Nous avons contacté le SAV qui a répondu très rapidement et nous a adressé un code pour modifier la couleur dans le Head. Nous avons maintenant un flash gris, ce qui est mieux que le blanc. Voici la réponse du SAV: Malheureusement, il n'y a pas grand chose à faire à ce niveau là. Cette espèce de Flash résulte du choix que nous avons fait de donner la priorité de chargement au contenu en premier plan plutôt qu'en arrière-plan. Ce choix améliore les performances de votre site et permet l'affichage immédiat des informations importantes pour vos visiteurs. C'est un peu dépitant mais c'est mieux tout de même. Ceci étant, nous ne comprenons pas pourquoi cela se produit sur notre site et pas les autres? nous avons posé la question mais pas de réponse?

[Contenu sponsorisé]