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

L'état actuel de la performance du site OpenGraphy.com est globalement satisfaisant, bien que des améliorations soient possibles. Avec un score de 80/100 sur mobile et 90/100 sur desktop, le site se comporte relativement bien, mais il y a des marges de progression, surtout en mobile. Le poids de la page, qui est de 380.27 KB, est raisonnable, mais certaines optimisations peuvent réduire les temps de chargement encore plus. L'impact sur l'expérience utilisateur est significatif, notamment sur mobile où les utilisateurs s'attendent à une réactivité accrue. Les principales causes de ralentissements incluent la gestion des charges de fichiers et le rendu initial. Pour répondre aux standards mobile-first, il est crucial d'optimiser le Temps de Charge et les métriques Web Vitals essentielles.

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
Réduire le nombre de plugins

💡 Impact: Amélioration de la performance globale du site

⏱️ Temps estimé: 1-2 heures

Medium
#3
Activer HTTP/2

💡 Impact: Amélioration de la performance globale du site

⏱️ Temps estimé: 1-2 heures

Medium

⚙️ Optimisations Recommandées (7)

Optimiser les images

Réduire la taille des images en utilisant des formats comme WebP ou en appliquant la compression.

Gain: 1.2s
🛠️ Outils recommandés:
ImageOptim Squoosh
📊 Difficulté:
Medium
Activer la mise en cache

Configurer le serveur pour stocker des ressources en cache afin de réduire les temps de chargement ultérieurs.

Gain: 0.8s
🛠️ Outils recommandés:
Nginx Apache
📊 Difficulté:
Medium
Minimiser le JavaScript

Réduire la taille des fichiers JavaScript en les minifiant pour accélérer le chargement.

Gain: 0.9s
🛠️ Outils recommandés:
UglifyJS Terser
📊 Difficulté:
High
Optimiser les polices

Utiliser des polices web optimisées et appliquer le chargement asynchrone.

Gain: 0.5s
🛠️ Outils recommandés:
Google Fonts Font Squirrel
📊 Difficulté:
Medium
Utiliser un CDN

Mettre en place un CDN pour réduire les latences réseau et améliorer la distribution de contenu.

Gain: 1.0s
🛠️ Outils recommandés:
Cloudflare Akamai
📊 Difficulté:
Medium
Éliminer les ressources bloquantes

Reporter ou supprimer le chargement des ressources CSS/JS bloquantes.

Gain: 0.7s
🛠️ Outils recommandés:
Lighthouse Webpack
📊 Difficulté:
High
Précharger les ressources critiques

Utiliser la directive link rel=preload pour les ressources critiques afin d'améliorer le rendu initial.

Gain: 0.6s
🛠️ Outils recommandés:
Chrome DevTools
📊 Difficulté:
Medium
💻 Exemple de code:
<link rel='preload' href='/path/to/resource' as='script'>