Dépannage

Site lent malgré le cache

Votre site est en cache mais semble toujours lent ? Voici ce qu'il faut vérifier.

1. Vérifiez que le cache fonctionne

Tout d'abord, confirmez que votre contenu est effectivement mis en cache. Vérifiez les en-têtes de réponse :

X-Cache: HIT ← Contenu servi depuis le cache
X-Cache: MISS ← Contenu récupéré depuis l'origine

Si vous ne voyez que des MISS, vérifiez si votre origine envoie des en-têtes Cache-Control: no-cache ou private.

Comment vérifier si le cache fonctionne →

2. Vérifiez les ressources non mises en cache

Même si votre HTML est en cache, des ressources tierces lentes peuvent dégrader les performances.

Coupables fréquents :

  • Google Fonts chargées de manière synchrone
  • Scripts d'analyse (Google Analytics, Facebook Pixel)
  • Widgets de chat (Intercom, Drift, Crisp)
  • Scripts publicitaires externes
  • Intégrations de réseaux sociaux

Conseil : Chargez les scripts tiers avec les attributs async ou defer pour les empêcher de bloquer le rendu de la page.

3. Images volumineuses sur la page

Même avec la conversion WebP, des images surdimensionnées ralentissent le LCP.

Solutions :

  • Redimensionnez les images à la taille d'affichage réelle (ne servez pas des images de 4000px pour des conteneurs de 800px)
  • Utilisez des images responsives avec srcset
  • Chargez les images en lazy load sous la ligne de flottaison
  • Envisagez d'utiliser une image principale optimisée pour le viewport

4. Serveur d'origine lent

Pour les MISS du cache (premières requêtes, pages dynamiques), la vitesse de votre serveur d'origine compte toujours.

Vérifiez votre origine :

  • Requêtes de base de données lentes (consultez les journaux de requêtes lentes)
  • Index de base de données manquants
  • Trop de plugins (WordPress/WooCommerce)
  • Ressources serveur insuffisantes
  • Pas de cache opcode (PHP)

Objectif : Le TTFB d'origine devrait être inférieur à 500ms. Le cache Fast amplifie la vitesse de votre origine — une origine rapide signifie des réponses en cache encore plus rapides.

5. Ressources bloquant le rendu

Le CSS et le JS dans le <head> bloquent le rendu de la page.

Solutions :

  • Intégrez le CSS critique en ligne dans le <head>
  • Chargez le CSS non critique avec media="print" onload="this.media='all'"
  • Ajoutez defer aux fichiers JavaScript
  • Déplacez les scripts en bas du <body>

Liste de vérification des performances

  • X-Cache affiche HIT pour les ressources statiques
  • Les scripts tiers sont en async/deferred
  • Les images sont dimensionnées correctement
  • Le TTFB d'origine est inférieur à 500ms
  • Aucune ressource bloquant le rendu dans le head
Retour au support