Performance & Vitesse

Analyse PageSpeed Insights et Core Web Vitals

📱 Performance Mobile

79
Score Lighthouse / 100

💻 Performance Desktop

96
Score Lighthouse / 100

🔍 Diagnostic de Performance IA

L'analyse des données PageSpeed Insights pour seo.opengraphy.com montre que la performance mobile, avec un score de 79/100, est nettement inférieure à celle du desktop, qui atteint 96/100. Cette disparité indique que la version mobile pourrait bénéficier d'optimisations significatives pour améliorer l'expérience utilisateur. Une performance mobile inférieure à la norme impacte négativement le SEO, car Google privilégie une approche mobile-first. Les principales causes de performance médiocre sur mobile incluent probablement des temps de chargement élevés dus à des images non optimisées, des scripts tiers qui ralentissent le rendu, et potentiellement des ressources de données mal mises en cache. Améliorer ces aspects est crucial car cela pourrait réduire les temps de chargement et améliorer le ressenti de fluidité pour les visiteurs sur mobile, qui représentent souvent plus de la moitié du trafic web.

Sélectionner l'appareil

📊 Scores Lighthouse Mobile

Performance
79
/ 100
🎯 SEO
66
/ 100
Accessibilité
90
/ 100
Best Practices
96
/ 100

🎯 Core Web Vitals Mobile

Survolez les métriques pour voir leur explication

🎨
3.4 s
First Contentful Paint
Survolez pour plus d'infos
🎨
First Contentful Paint
Temps avant que le premier élément de contenu (texte, image) soit visible. Bon < 1.8s
Impacte la perception de vitesse par l'utilisateur.
🖼️
3.8 s
Largest Contentful Paint
Survolez pour plus d'infos
🖼️
Largest Contentful Paint
Temps avant que le plus grand élément visible soit chargé. Bon < 2.5s
Core Web Vital crucial pour le SEO Google.
5.1 s
Speed Index
Survolez pour plus d'infos
Speed Index
Vitesse à laquelle le contenu s'affiche visuellement. Bon < 3.4s
Mesure la rapidité perçue du chargement de la page.
⏱️
30 ms
Total Blocking Time
Survolez pour plus d'infos
⏱️
Total Blocking Time
Temps où la page est bloquée et non interactive. Bon < 200ms
Affecte la réactivité et l'expérience utilisateur.
📐
0
Cumulative Layout Shift
Survolez pour plus d'infos
📐
Cumulative Layout Shift
Mesure la stabilité visuelle (éviter les décalages). Bon < 0.1
Core Web Vital - évite les clics accidentels.

📋 Audits détaillés

🚀 Quick Wins - Actions Rapides

#1
Implémenter le Lazy Loading pour les images

💡 Impact: Amélioration du temps de chargement initial de 30-40%

⏱️ Temps estimé: 1 heure

Easy
#2
Activer la compression GZIP/Brotli

💡 Impact: Réduction de 60-80% de la taille des fichiers transférés

⏱️ Temps estimé: 30 minutes

Easy
#3
Minifier CSS et JavaScript

💡 Impact: Réduction de la taille des fichiers de 20-30%

⏱️ Temps estimé: 1 heure

Easy

⚙️ Optimisations Recommandées (6)

Optimiser les images

Compresser et redimensionner les images pour améliorer les temps de chargement, notamment sur mobile.

Gain: 1.2s
🛠️ Outils recommandés:
ImageOptim TinyPNG
📊 Difficulté:
Medium
💻 Exemple de code:
<img src='image.jpg' width='300' height='200' />
Configurer le cache

Mettre en place des règles de cache pour les ressources statiques pour réduire les requêtes serveur et accélérer le chargement.

Gain: 0.9s
🛠️ Outils recommandés:
Google PageSpeed Module NGINX
📊 Difficulté:
Low
💻 Exemple de code:
Cache-Control: max-age=31536000
Précharger les polices

Utiliser la directive rel=preload pour les polices web critiques afin de réduire le temps de rendu initial.

Gain: 0.7s
🛠️ Outils recommandés:
Google Fonts Web Font Loader
📊 Difficulté:
Medium
💻 Exemple de code:
<link rel='preload' href='font.woff2' as='font' type='font/woff2' crossorigin='anonymous'>
Asynchroniser les scripts

Différer ou asynchroniser le chargement des scripts non essentiels, pour qu'ils n'entravent pas le rendu de la page.

Gain: 0.8s
🛠️ Outils recommandés:
JavaScript Async Defer.js
📊 Difficulté:
High
💻 Exemple de code:
<script src='script.js' async></script>
Inline Critical CSS

Inliner le CSS critique dans le head pour accélérer le premier rendu de la page.

Gain: 0.5s
🛠️ Outils recommandés:
Critical PurgeCSS
📊 Difficulté:
High
💻 Exemple de code:
<style> /* Critical CSS here */ </style>
Activer la compression

Activer la compression GZIP ou Brotli sur le serveur pour réduire la taille des ressources transférées.

Gain: 0.6s
🛠️ Outils recommandés:
GZIP Brotli
📊 Difficulté:
Low
💻 Exemple de code:
AddOutputFilterByType DEFLATE text/html text/plain text/xml

⚠️ Page is blocked from indexing (Score: 0%)

Search engines are unable to include your pages in search results if they don't have permission to crawl them. [Learn more about crawler directives](https://developer.chrome.com/docs/lighthouse/seo/is-crawlable/).
📋 Éléments concernés:
  • • { "source": { "boundingRect": { "width": 0, "height": 0, "top": 0, "bottom": 0, "left": 0, "right": 0 }, "lhId": "1-136-META", "type": "node", "selector": "head > meta", "nodeLabel": "head > meta", "snippet": "", "path": "1,HTML,0,HEAD,2,META" } }