Performance & Vitesse
Analyse PageSpeed Insights et Core Web Vitals
📱 Performance Mobile
💻 Performance Desktop
🔍 Diagnostic de Performance IA
L'état actuel de la performance pour www.opengraphy.com montre des scores PageSpeed de 80 sur mobile et 90 sur desktop, indiquant une expérience utilisateur globalement bonne mais pouvant être optimisée. Un score de 80 sur mobile signifie que des améliorations sont nécessaires pour offrir une expérience plus fluide, particulièrement sur les périphériques mobiles qui nécessitent souvent des performances optimales. Les principales causes des ralentissements incluent probablement la gestion inefficace des ressources, la taille de la page qui est de 380.27 KB, et peut-être des scripts ou styles bloquants. En comparaison avec les standards mobile-first, bien que le site soit globalement performant, des ajustements spécifiques peuvent encore améliorer la rapidité de chargement initiale et les interactions sur mobile.
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
Implémenter le Lazy Loading pour les images
💡 Impact: Amélioration du temps de chargement initial de 30-40%
⏱️ Temps estimé: 1 heure
Configurer la mise en cache navigateur
💡 Impact: Réduction du temps de chargement des visiteurs récurrents de 50-70%
⏱️ 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)
Optimiser les images
Compressez les images et utilisez des formats modernes comme WebP pour réduire leur taille sans perte de qualité perceptible.
Gain: 0.8s
Compressez les images et utilisez des formats modernes comme WebP pour réduire leur taille sans perte de qualité perceptible.
Activer le cache du navigateur
Configurez le cache du navigateur pour que les ressources répétées soient chargées plus rapidement pour les utilisateurs récurrents.
Gain: 0.5s
Configurez le cache du navigateur pour que les ressources répétées soient chargées plus rapidement pour les utilisateurs récurrents.
Cache-Control: max-age=31536000
Précharger les polices
Utilisez les liens de préchargement pour les polices afin de réduire le temps de chargement de la page.
Gain: 0.3s
Utilisez les liens de préchargement pour les polices afin de réduire le temps de chargement de la page.
<link rel='preload' href='font.woff2' as='font' type='font/woff2' crossorigin='anonymous'>
Minifier et différer le JS
Réduisez la taille des fichiers JS en les minifiant et chargez-les de manière asynchrone.
Gain: 0.7s
Réduisez la taille des fichiers JS en les minifiant et chargez-les de manière asynchrone.
<script src='app.js' async></script>
Réduire le CSS critique
Identifiez et isolez le CSS critique pour améliorer le rendu initial de la page.
Gain: 0.6s
Identifiez et isolez le CSS critique pour améliorer le rendu initial de la page.
Utiliser un CDN
Déployez un réseau de diffusion de contenu (CDN) pour réduire la latence et améliorer le temps de réponse des utilisateurs internationaux.
Gain: 0.9s
Déployez un réseau de diffusion de contenu (CDN) pour réduire la latence et améliorer le temps de réponse des utilisateurs internationaux.