Performance & Vitesse
Analyse PageSpeed Insights et Core Web Vitals
📱 Performance Mobile
💻 Performance Desktop
🔍 Diagnostic de Performance IA
Le site opengraphy.com montre des faiblesses significatives en termes de performance, particulièrement sur la version desktop avec un score de 0/100, ce qui est extrêmement préoccupant. Sur mobile, avec un score de 59/100, le site dépasse légèrement le seuil critique, mais il reste bien en dessous des attentes modernes pour une expérience utilisateur fluide. Les problèmes de lenteur peuvent entraîner une augmentation du taux de rebond et des scores de satisfaction client inférieurs, car les utilisateurs mobiles ont tendance à s'attendre à des temps de chargement inférieurs à 3 secondes. Les principales causes de ralentissements pour opengraphy.com semblent liées à des images non optimisées, un JavaScript mal géré et une mise en cache inefficace. En comparaison avec les standards actuels mobile-first, ces scores soulignent la nécessité d'une optimisation urgente et systématique pour répondre aux attentes des utilisateurs modernes et améliorer le classement dans les résultats de recherche.
Sélectionner l'appareil
📊 Scores Lighthouse Mobile
🎯 Core Web Vitals Mobile
Survolez les métriques pour voir leur explication
📋 Audits détaillés
🚀 Quick Wins - Actions Rapides
Activer la compression GZIP/Brotli
💡 Impact: Réduction de 60-80% de la taille des fichiers transférés
⏱️ Temps estimé: 30 minutes
Implémenter le Lazy Loading pour les images
💡 Impact: Amélioration du temps de chargement initial de 30-40%
⏱️ Temps estimé: 1 heure
Précharger les ressources critiques (CSS, fonts)
💡 Impact: Réduction du temps de First Contentful Paint de 0.5-1s
⏱️ Temps estimé: 45 minutes
⚙️ Optimisations Recommandées (6)
Optimisation des images
Réduire la taille des images en utilisant des formats modernes comme WebP pour diminuer le temps de chargement.
Gain: 1.5s
Réduire la taille des images en utilisant des formats modernes comme WebP pour diminuer le temps de chargement.
<img src='image.webp'>
Déplacement de JavaScript asynchrone
Déplacer le chargement des scripts non essentiels en asynchrone pour réduire le blocage du rendu.
Gain: 1.0s
Déplacer le chargement des scripts non essentiels en asynchrone pour réduire le blocage du rendu.
<script async src='script.js'></script>
Mise en cache du contenu
Configurer le cache du navigateur pour les ressources statiques afin de réduire les temps de chargements récurrents.
Gain: 0.8s
Configurer le cache du navigateur pour les ressources statiques afin de réduire les temps de chargements récurrents.
Cache-Control: max-age=31536000
Préchargement des polices
Utiliser l'attribut 'preload' pour charger les polices essentielles plus tôt dans le processus de rendu.
Gain: 0.5s
Utiliser l'attribut 'preload' pour charger les polices essentielles plus tôt dans le processus de rendu.
<link rel='preload' href='font.woff2' as='font' type='font/woff2' crossorigin='anonymous'>
Minification CSS
Réduire la taille des fichiers CSS grâce à la minification pour accélérer le chargement.
Gain: 0.3s
Réduire la taille des fichiers CSS grâce à la minification pour accélérer le chargement.
npx cssnano styles.css styles.min.css
Utilisation d'un serveur CDN
Implementer un CDN pour améliorer la distribution du contenu à des utilisateurs mondiaux.
Gain: 1.2s
Implementer un CDN pour améliorer la distribution du contenu à des utilisateurs mondiaux.