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'analyse des performances du site www.opengraphy.com montre un score de 80 sur mobile et 90 sur desktop. Ceci indique que bien que l'expérience utilisateur soit acceptable sur desktop, il reste des marges d'amélioration, surtout sur mobile où le score est relativement bas comparativement aux standards actuels. Les ralentissements principaux peuvent être attribués à la taille de la page, de 380.27 KB, et au temps de chargement de 0.72 secondes, qui bien qu'assez rapides, pourraient encore être optimisés. À l'ère du mobile-first, il est impératif que l'expérience utilisateur sur mobile ne soit pas compromise par des temps de chargement excessifs ou des éléments visuels mal optimisés. Le site est proche du seuil minimal de performance satisfaisante sur mobile, mais nécessite des ajustements pour améliorer le LCP (Largest Contentful Paint) et réduire les temps de réponse interactifs.

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
Implémenter le Lazy Loading pour les images

💡 Impact: Amélioration du temps de chargement initial de 30-40%

⏱️ Temps estimé: 1 heure

Easy
#3
Configurer la mise en cache navigateur

💡 Impact: Réduction du temps de chargement des visiteurs récurrents de 50-70%

⏱️ Temps estimé: 1 heure

Easy

⚙️ Optimisations Recommandées (7)

Optimiser les images

Utiliser des formats d'image modernes tels que WebP pour réduire la taille des fichiers image.

Gain: 0.8s
🛠️ Outils recommandés:
Squoosh TinyPNG
📊 Difficulté:
Medium
Activer la mise en cache du navigateur

Configurer les en-têtes de cache pour stocker les ressources statiques dans le cache.

Gain: 0.5s
🛠️ Outils recommandés:
Google PageSpeed Insights
📊 Difficulté:
Low
Implémenter le chargement différé pour les images

Ajouter du lazy loading pour les images non critiques en vue de réduire l'usage initial de la bande passante.

Gain: 0.4s
🛠️ Outils recommandés:
Lighthouse
📊 Difficulté:
Medium
💻 Exemple de code:
<img src='...' loading='lazy'>
Reducer l'impact de JavaScript

Minimiser et différer les scripts JavaScript pour améliorer la disponibilité du processeur.

Gain: 0.3s
🛠️ Outils recommandés:
Webpack UglifyJS
📊 Difficulté:
High
Activer la compression Gzip

Activer la compression Gzip sur le serveur pour réduire la taille des transferts.

Gain: 0.7s
🛠️ Outils recommandés:
Gzip Brotli
📊 Difficulté:
Low
Optimiser les polices

Précharger les polices critiques pour améliorer le rendu textuel initial.

Gain: 0.3s
🛠️ Outils recommandés:
Google Fonts
📊 Difficulté:
Medium
💻 Exemple de code:
<link rel='preload' href='font.woff2' as='font' type='font/woff2' crossorigin='anonymous'>
Extraire le CSS critique

Extraire et intégrer le CSS critique pour réduire le temps de rendu du contenu au-dessus de la ligne de flottaison.

Gain: 0.4s
🛠️ Outils recommandés:
Critical PurgeCSS
📊 Difficulté:
High