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

La performance actuelle d'OpenGraphy.com montre un bon score de 90/100 sur desktop, mais un score plus modéré de 80/100 sur mobile. Le temps de chargement rapide de 0.07s est excellent, mais la taille de page de 380.27 KB pourrait être optimisée. Les scores mobiles étant inférieurs aux normes de Google pour un site mobile-first, cela peut affecter négativement l'expérience utilisateur, surtout sur des réseaux cellulaires plus lents. Les principales causes des ralentissements incluent probablement des images non optimisées, un JavaScript bloquant le rendu et un manque de mise en cache efficace. Les utilisateurs mobiles sont particulièrement sensibles aux temps de chargement longs, donc améliorer la performance mobile aura un impact positif sur l'engagement et la rétention des utilisateurs.

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
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 (8)

Optimiser les images

Compresser et redimensionner les images pour réduire la taille de la page et améliorer le temps de chargement.

Gain: 0.5s
🛠️ Outils recommandés:
TinyPNG ImageOptim
📊 Difficulté:
Easy
Mettre en cache

Mettre en œuvre une stratégie de mise en cache efficace pour réduire les temps de chargement lors des visites répétées.

Gain: 0.3s
🛠️ Outils recommandés:
Cache-Control Expires
📊 Difficulté:
Medium
💻 Exemple de code:
Cache-Control: public, max-age=31536000
Éviter le JS bloquant

Différer les scripts JavaScript non essentiels pour améliorer le LCP.

Gain: 0.4s
🛠️ Outils recommandés:
Webpack Gulp
📊 Difficulté:
High
💻 Exemple de code:
<script src='script.js' defer></script>
Optimiser les polices

Précharger des polices cruciales et réduire le nombre de polices utilisées.

Gain: 0.2s
🛠️ Outils recommandés:
Google Fonts Font-display swap
📊 Difficulté:
Medium
💻 Exemple de code:
<link rel='preload' href='font.woff2' as='font' type='font/woff2' crossorigin='anonymous'>
Utiliser CDN

Distribuer le contenu via CDN pour réduire les latences réseau.

Gain: 0.3s
🛠️ Outils recommandés:
Cloudflare Amazon CloudFront
📊 Difficulté:
High
Minifier CSS/JS

Réduire la taille des fichiers CSS et JavaScript en les minifiant.

Gain: 0.1s
🛠️ Outils recommandés:
UglifyJS CSSNano
📊 Difficulté:
Easy
Compression GZIP

Activer la compression GZIP sur le serveur pour réduire la taille de la réponse HTTP.

Gain: 0.2s
🛠️ Outils recommandés:
Apache mod_deflate Nginx gzip
📊 Difficulté:
Easy
💻 Exemple de code:
gzip on;
Adopter HTTP/2

Mettre à niveau vers HTTP/2 pour des performances réseau améliorées.

Gain: 0.15s
🛠️ Outils recommandés:
nghttp2 SSL/TLS
📊 Difficulté:
Medium