Performance & Vitesse

Analyse PageSpeed Insights et Core Web Vitals

📱 Performance Mobile

80
Score Lighthouse / 100

💻 Performance Desktop

90
Score Lighthouse / 100

🔍 Diagnostic de Performance IA

Actuellement, le site www.opengraphy.com affiche des scores PageSpeed Insights de 80/100 pour mobile et 90/100 pour desktop. Ces résultats indiquent une performance adéquate mais avec une marge d'amélioration, particulièrement sur mobile. L'expérience utilisateur pourrait être impactée par les temps de chargement légèrement supérieurs aux attentes modernes, notamment sur mobile, où les utilisateurs s'attendent à une réactivité immédiate. Les principales causes possibles de ces ralentissements incluent des images non optimisées, des scripts tiers volumineux et peut-être une gestion des ressources peu efficace. Les standards mobile-first exigent des performances optimales étant donné que la majorité du trafic web provient désormais des appareils mobiles. Ainsi, améliorer la performance mobile devrait être prioritaire afin de garantir une expérience utilisateur fluide et rapide.

Sélectionner l'appareil

📊 Scores Lighthouse Mobile

⚡ Performance
80
/ 100
🎯 SEO
0
/ 100
♿ Accessibilité
0
/ 100
✨ Best Practices
0
/ 100

🎯 Core Web Vitals Mobile

Survolez les métriques pour voir leur explication

🎨
1.8s
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.
🖼️
2.4s
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.

📋 Audits détaillés

🚀 Quick Wins - Actions Rapides

#1
Activer la compression GZIP/Brotli

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

⏱️ Temps estimé: 30 minutes

Easy
#2
Précharger les ressources critiques (CSS, fonts)

💡 Impact: Réduction du temps de First Contentful Paint de 0.5-1s

⏱️ Temps estimé: 45 minutes

Medium
#3
Précharger les ressources critiques (CSS, fonts)

💡 Impact: Réduction du temps de First Contentful Paint de 0.5-1s

⏱️ Temps estimé: 45 minutes

Medium

⚙️ Optimisations Recommandées (6)

Optimiser les Images

Réduire les tailles des fichiers image en utilisant des formats modernes comme WebP.

Gain: 0.7s
🛠️ Outils recommandés:
ImageOptim Squoosh
📊 Difficulté:
Medium
💻 Exemple de code:
<img src='image.webp'>
Réduire les Scripts Tiers

Limiter l'utilisation de scripts tiers non essentiels pour diminuer le temps de chargement.

Gain: 0.5s
🛠️ Outils recommandés:
Webpack Lighthouse
📊 Difficulté:
High
Mettre en Cache les Ressources

Utiliser une mise en cache efficace pour les scripts et styles pour réduire le temps de chargement.

Gain: 0.4s
🛠️ Outils recommandés:
Service Workers Cloudflare
📊 Difficulté:
Medium
Optimiser le Chargement des Polices

Pré-charger les polices les plus utilisées et réduire les variations.

Gain: 0.3s
🛠️ Outils recommandés:
Font-Display Swap Google Fonts
📊 Difficulté:
Medium
💻 Exemple de code:
<link rel='preload' href='font.woff2' as='font' type='font/woff2' crossorigin='anonymous'>
Minimiser les Redirections

Réduire le nombre de redirections HTTP pour améliorer le chargement des pages.

Gain: 0.2s
🛠️ Outils recommandés:
Redirect Detective Lighthouse
📊 Difficulté:
Low
Utiliser un CDN

Distribuer le contenu via un CDN pour diminuer la latence réseau.

Gain: 0.2s
🛠️ Outils recommandés:
Cloudflare AWS CloudFront
📊 Difficulté:
High