[Résolu] Affichage des mauvaises polices header sur Home Page depuis activation LiteSpeed (Créer un compte)

  • WordPress :6.5.2FR
  • Statut : résolu
15 sujets de 1 à 15 (sur un total de 20)
  • Auteur
    Messages
  • #2471764
    lolo44500
    Participant
    Initié WordPress
    19 contributions

    Bonjour,

    Ma configuration WP actuelle

      <li style= »list-style-type: none; »>
    • Version de PHP/MySQL : 8.1
    • Thème utilisé : Automobile Hub Pro (Themespride) 1.2.2.
    • Extensions en place : WPforms, SEOKey, Litespeed, Tablepress, trustindex.io, Google site kit
    • Nom de l’hébergeur : Hostinger
    • Adresse du site : premiumautoconseil.fr

    Bonjour,

    J’ai activé LiteSpeed Cache 6.2 (réglages « avancé » par défaut) et j’ai parfois les entêtes de page par défaut (polices) du thème qui s’affichent sur le Home Page. Autre pages OK. J’utilise le CDN de mon hébergeur (Hostinger). Cela le fait sur PC ou mobile, aussi bien en mode navigation privée que normale.

    Des idées ? Ou alors il y a un forum dédié LiteSpeed ?

    Merci.

    #2471777
    momofr@free.fr
    Modérateur
    Maître WordPress
    7092 contributions

    Salut, le service LiteSpeed est chez Hostinger de même que le CDN (si j’ai bien compris), tu vas devoir voir chez eux si des réglages sont disponibles.

    As-tu un menu pour purger le CDN dans ton administration WP ?

    #2471800
    Charles | Wooster™
    Participant
    Initié WordPress
    6 contributions

    Hello, je dirais à première vue qu’il ne s’agit pas d’un problème avec le serveur web LiteSpeed (LSWS) mais bien l’extension de caches LiteSpeed Cache (LSCache). Je veux dire par là que ça ne viendrait pas d’Hostinger mais d’une configuration d’optimisation sur l’extension qui n’aurait pas de lien avec le serveur web.

    Essayer de désactivé les CSSS et UCSS ainsi que la concaténation des assets.

    Vous pouvez ajouter ce paramètre /?LSCWP_CTRL=before_optm à votre URL de page à tester pour désactiver ponctuellement les optimisations du plugin.

    #2472409
    lolo44500
    Participant
    Initié WordPress
    19 contributions

    Alors j’ai fait plein d’essais :

    >> problème aléatoire, plus fréquent en mode incognito mais pas systématique / Chrome & Edge / Mobile & Desktop

    L’impression que cela donne c’est que la page commence par un affichage par défaut puis mon thème (on voit ceci très rapidement quand tout marche bien) et que parfois le thème ne s’affiche pas et donc je garde les polices/couleurs/tailles… par défaut.

    . before_optm (ou nocache) résoud le problème mais sans, même avec les réglages CSS et JS tous en OFF, le problème persiste.

    . le mode visiteur off (réglages généraux) résoud aussi le problème mais… plus de cache (je n’ai que des visiteurs)

    . j’ai essayé tous les paramètres LiteSpeed dans tous les sens sans succès.

    A noter : j’ai remarqué que le simple fait de rajouter /? à la fin de l’URL résoud aussi le problème ! Pourquoi ?

     

    • Cette réponse a été modifiée le il y a 1 mois et 1 semaine par lolo44500.
    #2472416
    momofr@free.fr
    Modérateur
    Maître WordPress
    7092 contributions

    Salut, tu as quel type de permaliens ?

    Si jamais tu as utilisé une autre extension de cache avant liteSpeed regarde dans le dossier uploads/cache si des données d’anciennes extensions traînent par là.

    #2472417
    lolo44500
    Participant
    Initié WordPress
    19 contributions

    Permalien avec le titre après mon domaine exemple : https://premiumautoconseil.fr/blog/

    Non pas d’autre cache testé

    #2472418
    Charles | Wooster™
    Participant
    Initié WordPress
    6 contributions

    Le cache et les optimisations sont très différents. Il existe d’ailleurs différents niveaux et systèmes de caches et les optimisations sont elles-mêmes mises en cache.

     

    Ici le problème semble clair et pas réellement aléatoire tout en étant assez fréquent. Il s’agit de la combinaison, de la concaténation et de la minification des assets (resources JS et/ou CSS) qui doit poser problème.

     

    Dans ce cas un rapide coup d’œil dans les devtools permet d’avoir la réponse et il faut ensuite souvent changer la façon dont les assets sont traitées pour l’optimisation voir dans le pire des cas empêcher certaines optimisations.

    #2472419
    lolo44500
    Participant
    Initié WordPress
    19 contributions

    J’utilise un thème. Je leur ai remonté le problème mais ils me renvoient sur Litespeed! Je ne suis pas développeur.

    Et l’explication du fait que cela fonctionne en ajoutant /? Une piste ?

    #2472420
    Charles | Wooster™
    Participant
    Initié WordPress
    6 contributions

    Concernant l’ajout de /? Il faudrait regarder mais une condition par défaut doit agir si aucun paramètre n’est retourné dans l’URL. Les devtools devraient aussi apporter la réponse avec peut-être un peu de recherche dans le code de rendu qui aurait cette condition.

     

    Globalement, on essaye de rendre plus accessible les optimisations et les caches mais ça reste quelque chose de spécifique qui doit être adapté pour que ça marche bien.

    Le mélange habituel thème, plugins et constructeur de page rende un code souvent complexe qui demande d’être ajusté. Il ne s’agit pas de problèmes ou de bugs mais dans travail qui est fait initialement par de développeurs et qui ne saurait être complet en no-code car ces fameux thèmes et plugins ne prévoient pas toujours de fonctionner les uns avec les autres et c’est normal vu le nombre. ????

     

    Même ici je réfléchi à des actions simples à vous recommander mais cela dépend tellement de ce qu’on trouve suite à quelques analyses, qu’il est difficile de vous aiguiller plus finement ici sans intervenir pour voir ce qu’il en est vraiment

    #2472422
    lolo44500
    Participant
    Initié WordPress
    19 contributions

    Je sais aller dans Chrome pour inspecter et je vois cette erreur :

      <li class= »always-parent » role= »treeitem » aria-posinset= »1″ aria-setsize= »3″>
      <div class= »message »>

      One or more documents in this page is in Quirks Mode, which will render the affected document(s) with quirks incompatible with the current HTML and CSS specifications.

      Quirks Mode exists mostly due to historical reasons. If this is not intentional, you can add or modify the DOCTYPE to be <!DOCTYPE html> to render the page in No Quirks Mode.

      </div>
      <li class= »always-parent parent expanded affected-resources-label » role= »treeitem » aria-expanded= »true » aria-posinset= »2″ aria-setsize= »3″>RESSOURCES AFFECTÉES

      <li class= »parent expanded » role= »treeitem » aria-expanded= »true »>
      <div class= »affected-resource-label »>1 élément</div>
      <li role= »treeitem »>
      <table class= »affected-resource-list »>
      <tbody>
      <tr>
      <td class= »affected-resource-header »>Document dans l’arborescence DOM</td>
      <td class= »affected-resource-header »>Mode</td>
      <td class= »affected-resource-header »>URL</td>
      </tr>
      <tr class= »affected-resource-quirks-mode »>
      <td class= »affected-resource-element devtools-link »>
      <div><button class= »node-link text-button link-style »>document</button></div></td>
      <td>Quirks Mode</td>
      <td>https://td.doubleclick.net/td/rul/11343499534?random=1715008147153&cv=11&fst=1715008147153&fmt=3&bg=ffffff&guid=ON&async=1&gtm=45be4510v9167985230z89169301366za200&gcd=13r3r3r2r5&dma_cps=sypham&dma=1&tcfd=10001&u_w=1280&u_h=720&url=https%3A%2F%2Fpremiumautoconseil.fr%2F&hn=www.googleadservices.com&frm=0&tiba=S%C3%A9lection%20et%20Importation%20de%20V%C3%A9hicules%20Premium&did=dYTYxZj&gdid=dYTYxZj&npa=0&pscdl=noapi&auid=47692142.1713893845&uaa=x86&uab=64&uafvl=Chromium%3B124.0.6367.119%7CGoogle%2520Chrome%3B124.0.6367.119%7CNot-A.Brand%3B99.0.0.0&uamb=0&uam=&uap=Windows&uapv=15.0.0&uaw=0&fledge=1&data=event%3Dgtag.config</td&gt;
      </tr>
      </tbody>
      </table>

    #2472423
    Charles | Wooster™
    Participant
    Initié WordPress
    6 contributions

    Ce n’est pas normal car le navigateur semble ne pas trouver la déclaration de doctype indiquant que le site est bien en HTML5.

     

    Les difficultés que vous rencontrez sont communes à 9 personnes sur 10. Le problème est que la somme de connaissances a apprendre pour résoudre ces problèmes est importante par rapport au gain que cela apporte en terme de résultat. Et souvent si on est confronté à ces problèmes c’est qu’on souhaite dépenser son budget ailleurs pour de bonnes raisons.

    Ce n’est pas évident alors le mieux que je puisse vous proposer c’est de regarder directement ou si vous avez le temps, profitez de ses difficultés pour en apprendre autant que possible 🙂

    #2472428
    lolo44500
    Participant
    Initié WordPress
    19 contributions

    Il faut que je cherche à quel endroit ? Je veux bien apprendre 😉

    #2472432
    momofr@free.fr
    Modérateur
    Maître WordPress
    7092 contributions

    Salut, le premier test à faire c’est d’essayer avec un thème standard WP.

    Pour ce qui est des polices j’utilise de temps à autre OMGF pour stocker les ressources des typos sur le domaine.

    #2472433
    lolo44500
    Participant
    Initié WordPress
    19 contributions

    cela marche avec un thème standard mais ce sont les polices par défaut

    #2472450
    lolo44500
    Participant
    Initié WordPress
    19 contributions

    J’aimerais surtout comprendre pourquoi en ajoutant /? cela fonctionne bien. Comment savoir ?

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