Performance & Vitesse
Analyse PageSpeed Insights et Core Web Vitals
📱 Performance Mobile
💻 Performance Desktop
🔍 Diagnostic de Performance IA
Actuellement, le site OpenGraphy affiche des scores PageSpeed de 80/100 pour mobile et 90/100 pour desktop, ce qui indique une performance assez solide, mais avec des marges d'amélioration possibles, surtout pour les utilisateurs mobiles. Les principales causes des ralentissements proviennent certainement de la taille globale de la page, bien que celle-ci reste raisonnable, et potentiellement d'éléments non optimisés comme les images ou les scripts. Avec un chargement de 0.05 secondes, le site semble rapide, mais des vérifications sur des réseaux plus lents sont nécessaires. Comparé aux standards actuels du mobile-first, renforcer la vitesse et la réactivité sur mobile serait bénéfique pour offrir une expérience utilisateur sans friction, surtout dans un contexte où les utilisateurs mobiles deviennent majoritaires.
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
Minifier CSS et JavaScript
💡 Impact: Réduction de la taille des fichiers de 20-30%
⏱️ Temps estimé: 1 heure
Activer la compression GZIP/Brotli
💡 Impact: Réduction de 60-80% de la taille des fichiers transférés
⏱️ Temps estimé: 30 minutes
⚙️ Optimisations Recommandées (6)
Optimiser les images
Réduire la taille des images en utilisant des formats modernes comme WebP et appliquer un chargement différé (lazy loading).
Gain: 0.5s
Réduire la taille des images en utilisant des formats modernes comme WebP et appliquer un chargement différé (lazy loading).
<img src='example.webp' loading='lazy'>
Minifier les fichiers CSS
Réduire la taille des fichiers CSS en supprimant les espaces et les commentaires superflus pour diminuer le temps de chargement.
Gain: 0.3s
Réduire la taille des fichiers CSS en supprimant les espaces et les commentaires superflus pour diminuer le temps de chargement.
npx cssnano styles.css styles.min.css
Différer le chargement des scripts JavaScript
Utiliser l'attribut async ou defer sur les scripts non critiques pour qu'ils ne bloquent pas le rendu initial de la page.
Gain: 0.4s
Utiliser l'attribut async ou defer sur les scripts non critiques pour qu'ils ne bloquent pas le rendu initial de la page.
<script src='example.js' defer></script>
Précharger les polices
Utiliser l'attribut preload pour précharger les polices critiques afin de réduire les délais lors de la première utilisation.
Gain: 0.2s
Utiliser l'attribut preload pour précharger les polices critiques afin de réduire les délais lors de la première utilisation.
<link rel='preload' href='font.woff2' as='font' type='font/woff2' crossorigin='anonymous'>
Activer la compression
Utiliser GZIP ou Brotli pour compresser les réponses HTTP afin de réduire la taille des charges utiles.
Gain: 0.3s
Utiliser GZIP ou Brotli pour compresser les réponses HTTP afin de réduire la taille des charges utiles.
gzip on;
Mettre en cache les ressources statiques
Configurer des headers Cache-Control appropriés pour éviter de recharger inutilement des ressources statiques.
Gain: 0.6s
Configurer des headers Cache-Control appropriés pour éviter de recharger inutilement des ressources statiques.
Cache-Control: max-age=31536000