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

Le site www.opengraphy.com présente une performance correcte avec des scores PageSpeed de 80/100 pour mobile et 90/100 pour desktop. Cela signifie que le site est fonctionnel mais pourrait être optimisé pour offrir une meilleure expérience utilisateur, notamment sur mobile où les attentes en termes de vitesse sont plus élevées. Les ralentissements principaux sont souvent dus à la taille des ressources et au temps de chargement initial qui, bien que raisonnables, pourraient être optimisés davantage. Avec une taille de page de 380.27 KB et un temps de chargement de 0.23 secondes, quelques ajustements pourraient contribuer à améliorer le score mobile, notamment en optimisant les images et en réduisant le temps de réponse du serveur. En termes de standards mobile-first, il est crucial de s'assurer que le site répond rapidement aux interactions et offre un rendu visuel fluide.

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
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 la taille des images en utilisant des formats modernes comme WebP.

Gain: 0.5s
🛠️ Outils recommandés:
ImageOptim Squoosh
📊 Difficulté:
Medium
💻 Exemple de code:
utiliser une balise <img> avec l'attribut srcset.
Activer la mise en cache du navigateur

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

Gain: 0.3s
🛠️ Outils recommandés:
HTTrack curl
📊 Difficulté:
Low
💻 Exemple de code:
Cache-Control: max-age=31536000
Différer le chargement de JavaScript

Utiliser l'attribut defer pour charger les scripts non critiques.

Gain: 0.2s
🛠️ Outils recommandés:
Lighthouse Chrome DevTools
📊 Difficulté:
Medium
💻 Exemple de code:
<script src='script.js' defer></script>
Optimiser le chargement des polices

Privilégier les polices de caractères variables et intégrer des polices critiques en ligne.

Gain: 0.1s
🛠️ Outils recommandés:
Typekit Google Fonts
📊 Difficulté:
Medium
💻 Exemple de code:
@font-face { font-display: swap; }
Réduire le temps de réponse du serveur

Utiliser un serveur CDN pour decrease latency.

Gain: 0.3s
🛠️ Outils recommandés:
Cloudflare AWS CloudFront
📊 Difficulté:
Medium
💻 Exemple de code:
Configurer une zone CDN pour les ressources statiques
Activer la compression Gzip

Réduire la taille de transfert des réponses HTTP.

Gain: 0.2s
🛠️ Outils recommandés:
Apache nginx
📊 Difficulté:
Low
💻 Exemple de code:
AddOutputFilterByType DEFLATE text/html text/plain text/xml