OptimoCMS Docs
Retour à l'aperçu

PageSpeed & Performance

Mesurez et améliorez la vitesse de votre site web avec Google PageSpeed Insights.

Qu'est-ce que PageSpeed ?

PageSpeed mesure la rapidité de chargement de votre site pour les visiteurs. Google attribue un score de 0 à 100 pour mobile et desktop. • 90–100 : Bon (vert) • 50–89 : À améliorer (orange) • 0–49 : Médiocre (rouge) Un site plus rapide signifie : • Meilleure expérience utilisateur • Meilleur classement Google • Plus de conversions et moins de rebond Le CMS analyse votre site via l'API officielle Google PageSpeed Insights et affiche les résultats directement dans votre tableau de bord.

Lancer votre premier scan

Comment lancer un scan : 1. Allez dans "PageSpeed" dans la barre latérale 2. Ajoutez d'abord une URL via le bouton "Paramètres" en haut à droite 3. Cliquez sur "Scanner maintenant" 4. Attendez 10 à 30 secondes pour les résultats Le CMS effectue automatiquement deux scans : un pour mobile et un pour desktop. Après le scan, vous verrez les scores, les Core Web Vitals et les suggestions d'amélioration.
Conseils
  • Les scans sont mis en cache pendant au moins 4 heures. Cliquez à nouveau sur "Scanner maintenant" pour forcer un nouveau scan.
  • Vous pouvez ajouter plusieurs URLs via "Paramètres" pour scanner des pages individuelles.

Comprendre les Core Web Vitals

Les Core Web Vitals sont trois métriques utilisées par Google pour évaluer l'expérience utilisateur : • LCP (Largest Contentful Paint) — Rapidité d'affichage du plus grand élément. Bon : < 2,5 secondes. • INP (Interaction to Next Paint) — Rapidité de réponse aux interactions. Bon : < 200 millisecondes. • CLS (Cumulative Layout Shift) — Stabilité de la mise en page pendant le chargement. Bon : < 0,1. Ces métriques sont directement liées à votre classement Google. Le tableau de bord les affiche avec des codes couleur (vert/orange/rouge) pour voir d'un coup d'œil où des améliorations sont nécessaires.

Opportunités & améliorations

Après un scan, le tableau de bord affiche une liste d'opportunités d'amélioration. Chaque élément contient : • Une description du problème • L'impact estimé en secondes • Un label de priorité (élevé/moyen/faible) Exemples d'améliorations courantes : • Compresser les images ou les servir en format moderne (WebP/AVIF) • Supprimer le CSS ou JavaScript inutilisé • Optimiser les polices • Améliorer le temps de réponse du serveur • Charger les ressources en lazy-load
Conseils
  • Concentrez-vous d'abord sur les éléments avec le plus grand impact.
  • Certaines améliorations sont gérées automatiquement par le CMS (ex. optimisation d'images).

Comparaison de concurrents

Vous pouvez ajouter des concurrents pour comparer vos scores : 1. Allez dans "PageSpeed" → "Concurrents" 2. Cliquez sur "Ajouter un concurrent" 3. Saisissez l'URL du concurrent 4. Le CMS scanne le concurrent automatiquement Vous verrez un graphique comparatif avec les scores côte à côte. Cela vous aide à voir où vous êtes en avance et où vous pouvez progresser.
Conseils
  • Vous pouvez ajouter jusqu'à 5 concurrents par site.
  • Les scans de concurrents comptent dans votre budget de scans quotidien.

Tendances & données historiques

Le CMS conserve chaque résultat de scan pour suivre les tendances : • Graphique de tendance : voyez comment vos scores évoluent dans le temps • Tendance Core Web Vitals : suivez LCP, INP et CLS par mois • Comparer les périodes : voyez si votre site devient plus rapide ou plus lent Les graphiques affichent les données par jour (30 derniers jours) et par mois (données plus anciennes).
Conseils
  • Les scans automatiques (via planification) alimentent vos données de tendance sans scanner manuellement.

Définir un Speed Budget

Avec les Speed Budgets, vous définissez des seuils pour vos métriques de performance : 1. Allez dans "PageSpeed" et cliquez sur "Paramètres" en haut à droite 2. Définissez votre score minimum (ex. 80 pour mobile) 3. Définissez des limites pour LCP, INP et CLS 4. Enregistrez Si un scan passe sous votre budget, vous recevez un avertissement dans le tableau de bord. Cela vous aide à détecter les régressions rapidement.
Remarque
  • Les budgets ne fonctionnent que si vous avez des scans réguliers configurés (manuels ou automatiques).

Alertes de régression

Les alertes de régression vous préviennent automatiquement quand votre site ralentit : • Le système compare chaque nouveau scan à la moyenne glissante • Si une métrique se dégrade significativement, vous recevez une alerte • Les alertes sont visibles dans le tableau de bord et optionnellement par e-mail Comment configurer les alertes : 1. Allez dans "PageSpeed" et cliquez sur "Paramètres" en haut à droite 2. Activez "Notifier en cas de régression" 3. Définissez le seuil de régression (par défaut 5 points) 4. Enregistrez
Conseils
  • Les alertes ne sont envoyées qu'après au moins 3 scans (pour disposer d'une moyenne fiable).

Appelez-nous