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 actuelles de opengraphy.com révèle que la version mobile a un score de 80 sur 100, tandis que la version desktop atteint 90 sur 100. Cela indique une bonne performance sur desktop, mais il y a des améliorations à apporter pour la version mobile. La taille de la page est raisonnable à 380.27 KB, ce qui est généralement acceptable. Cependant, certaines optimisations sont nécessaires pour réduire le temps de chargement, qui bien que faible à 0.08, peut varier selon les conditions de réseau mobile. Les performances mobiles inférieures peuvent impacter négativement l'expérience utilisateur, surtout dans un contexte mobile-first où l'accessibilité rapide aux contenus est cruciale. Les principales causes des ralentissements proviennent probablement de l'optimisation des ressources telles que les images et les scripts. Comparativement aux standards mobile-first, opengraphy.com devrait viser à améliorer son Largest Contentful Paint (LCP) et son Cumulative Layout Shift (CLS) pour offrir une expérience utilisateur optimale sur tous les appareils.

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
Déplacer les scripts vers le bas de la page

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

⏱️ Temps estimé: 1-2 heures

Medium
#3
Activer le caching côté serveur

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

⏱️ Temps estimé: 1-2 heures

Medium

⚙️ Optimisations Recommandées (6)

Optimiser les images

Convertir les images au format WebP pour réduire leur taille et améliorer la vitesse de chargement.

Gain: 0.5s
🛠️ Outils recommandés:
ImageMagick Squoosh
📊 Difficulté:
Medium
💻 Exemple de code:
convert image.jpg -quality 80 -format webp image.webp
Mettre en place le caching

Utiliser le cache du navigateur pour stocker des ressources statiques, réduisant ainsi le temps de chargement durant les visites répétées.

Gain: 0.3s
🛠️ Outils recommandés:
Nginx Apache
📊 Difficulté:
Low
💻 Exemple de code:
Cache-Control: max-age=31536000
Réduire les JavaScript

Minifier et différer les scripts JavaScript non-essentiels pour améliorer le temps de rendu.

Gain: 0.7s
🛠️ Outils recommandés:
UglifyJS Webpack
📊 Difficulté:
High
💻 Exemple de code:
uglifyjs script.js -o script.min.js --compress
Optimisation des polices

Utiliser le chargement asynchrone pour les polices web et réduire leur taille avec des sous-ensembles.

Gain: 0.4s
🛠️ Outils recommandés:
Font-Display Subset Font Generator
📊 Difficulté:
Medium
💻 Exemple de code:
@font-face { font-display: swap; }
Amélioration des performances du serveur

Optimiser les configurations de serveur pour réduire le temps de réponse initial.

Gain: 0.5s
🛠️ Outils recommandés:
CDN HTTP/2
📊 Difficulté:
High
💻 Exemple de code:
http2_enable on;
Activer la compression gzip

Activer la compression gzip pour les ressources textuelles afin de réduire leur taille et améliorer le temps de chargement.

Gain: 0.3s
🛠️ Outils recommandés:
Nginx Apache
📊 Difficulté:
Low
💻 Exemple de code:
gzip on;