web-dev-qa-db-fra.com

Le site CSS ne réussit pas à charger (parfois)

  • Joomla 3.6.5
  • Version du framework Helix: 1.8
  • SEF & URL Rewriting activé (Aucune extension tierce installée)
  • Modèle Helix3 lien
  • Système et cache de pages désactivés

Je suis confronté à un problème étrange avec mon site Web, car parfois la page se charge avec sans style .

Cela ne se produit pas à chaque rafraîchissement de page, c'est très intermittent (je dirais qu'environ 1 rafraîchissement sur 20 correspond au chargement de la page sans style). Je pensais que le problème était en quelque sorte lié à mon environnement localhost (XAMPP). Cependant, depuis, j'ai téléchargé mon site sur un environnement d'hébergement en direct (JustHost) et la même chose se produit.

Le problème est-il susceptible d'être lié à un modèle/cadre ou à un conflit avec un autre script? J'ai lu que cela pourrait être lié à http / https ou htaccess? Voici un lien vers mon fichier htaccess.

Grâce aux conseils de @Lodder, j'ai inspecté les fichiers CSS dans le fichier <head> en utilisant devtools, et il semble que le problème soit lié au fichier suivant;

<link href="/dod-localnew/cache/com_templates/templates/shaper_helix3/2fe4c35dd273afe1ee67195bbd402c15.css" rel="stylesheet" type="text/css">

Si je supprime ce fichier dans devtools, voici à quoi ma page ressemble, sans style. SO il semblerait que ce fichier ne se charge pas à chaque fois?

Notez que je teste dans mon environnement local.

Je ne peux obtenir aucune assistance officielle pour Helix3 de Joomshaper sans un abonnement payant.

Tous les conseils sur le dépannage seraient grandement appréciés.

Merci

joomla-3.xtemplatescsshelix3
2
jonboy

Le .htaccess Le fichier est un exemple identique à celui fourni avec Joomla. Aucune modification n’y a donc été apportée.

Si le cache système et le cache de pages sont désactivés, il peut s'agir d'un problème lié à la mise en cache.

Pour vérifier si une version en cache du fichier CSS est appelée, ouvrez la console de votre navigateur et examinez le fichier <head> élément. Tu devrais voir cache/ dans l'URL de la feuille de style. Si vous le faites, recherchez une option de cache dans les paramètres du modèle, car les principaux fournisseurs de modèles ont tendance à ajouter leurs propres ... JoomShaper (Helix 3) étant l'un d'entre eux.

Dans la documentation suivante, vous verrez une option pour désactiver la compression CSS:

https://www.joomshaper.com/documentation/helix3/advanced-settings

1
Lodder