Décalage de mise en page à l’ouverture du site (Créer un compte)

  • WordPress :6.6
  • Statut : non résolu
6 sujets de 1 à 6 (sur un total de 6)
  • Auteur
    Messages
  • #2480789
    RenaldH
    Participant
    Initié WordPress
    3 contributions

    Bonjour,

    Ma configuration WP actuelle

    • Version de PHP/MySQL : 8.2
    • Thème utilisé : Astra
    • Extensions en place : All in One SEO / Elementor / Elementor Header and Footer Builder / Elementor Pro / ElementsKit Lite / Image Optimizer /LiteSpeed Cache
    • Nom de l’hébergeur : Hostinger
    • Adresse du site : renald-redacwebseo.fr

    Problème(s) rencontré(s) :

    Bonjour à tous,
    J’ai hésité entre poster ma demander dans WordPress ou Elementor. J’espère donc être au bon endroit 😅
    Je suis en train de créer mon site et j’ai un problème d’affichage.
    Au chargement du site (que ce soit sur ordi ou mobile), on voit rapidement et en très gros (toute la page) mon menu burger s’afficher.
    Certes, c’est très rapide et n’est pas trop gênant pour l’utilisation du site, mais je n’aime pas ça.
    Ce décalage ressort dans PageSpeed Insight et j’aurais aimé m’en débarasser.
    À savoir que j’utilise le widget « Menu WordPress ». C’est le seul avec lequel j’ai réussi à avoir mon menu déroulant qui prenait toute la largeur.

    Je vous ai mis les captures d’écran de PageSpeed Insight. On voit bien les éléments du menu burger qui me font ch… 😡
    Merci d’avance pour votre aide ☺️

    Rénald

    Fichiers joints :
    Vous devez être connecté pour voir les fichiers joints.
    #2480810
    momofr@free.fr
    Modérateur
    Maître WordPress
    7780 contributions

    Salut, déjà tu as l’extension Elementor Header and Footer Builder qui fait doublon avec Elementor PRO, désactive-la (en migrant tes entête et pied de page dans le constructeur de site).

    Pour ton souci c’est dû à Elementor et LiteSpeed Cache. Il te faut activer/désactiver certaines fonctions d’Elementor pour l’Optimisation ou dans LiteSpeed, ça ce doublonne et provoque ces bugs.

    Il faudrait voir comment tu as paramétré LiteSpeed, as-tu activé un cache objet (MemCached ou Redis) ?

    #2480817
    RenaldH
    Participant
    Initié WordPress
    3 contributions

    Oh la la, merci, Momo !
    Je suis vraiment un boulet 😂
    J’ai pris Elementor Pro parce qu’il y avait certaines options qui m’intéressaient et je n’avais même pas vu que le constructeur de thème permettait de créer les entêtes et pieds de page 😅
    Bon bah, je m’en vais basculer tout ça, désactiver ensuite les widgets, et je vous tiens au courant.

    #2480828
    RenaldH
    Participant
    Initié WordPress
    3 contributions

    Voilà, le ménage est fait.
    Header et Footer ont basculé sur Elementor.
    Concernant LiteSpeed, j’ai laissé les paramètres par défaut.
    La mise en cache d’objet n’est donc pas activée.
    Cela pourrait donc résoudre mon problème ?

    #2484901
    Lilirose
    Participant
    Initié WordPress
    1 contributions

    Bonjour à tous,

    Je rencontre le même problème avec mon site WordPress lorsque j’active la mise en cache du mode visiteur via LiteSpeed Cache en combinaison avec Elementor Pro. À l’ouverture du site, il y a un décalage de mise en page visible, ce qui affecte l’affichage initial.

    J’ai vérifié les réglages de mise en cache, ainsi que ceux d’Elementor, mais je n’arrive pas à résoudre ce souci. Le décalage disparaît après le chargement complet, mais cela reste gênant pour les utilisateurs.

    Quelqu’un aurait-il trouvé une solution ? Si vous avez des pistes (paramètres spécifiques dans LiteSpeed ou Elementor, ou autre), je suis preneuse.

    Merci d’avance pour votre aide !

    #2484911
    momofr@free.fr
    Modérateur
    Maître WordPress
    7780 contributions

    Salut, merci d’ouvrir ton sujet @Lilirose, cela évite de mélanger les réponses.

    Pour ce qui te concerne @RenaldH le cache objet permet effectivement de réduire certaines requêtes, il est quasi indispensable.

6 sujets de 1 à 6 (sur un total de 6)
  • Vous devez être connecté pour répondre à ce sujet.