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 du site web www.opengraphy.com montre un score de 80/100 sur mobile et 90/100 sur desktop. Bien qu’elle soit acceptable sur desktop, l’expérience mobile souffre encore de quelques ralentissements. Ces scores indiquent que certains aspects du site, notamment sur l'agrégation de données et les optimisations d’images, nécessitent une amélioration pour répondre aux normes moderne de performance web, en particulier avec l'approche mobile-first. Une taille de page de 380.27 KB semble raisonnable, mais les temps de chargement de 0.72 secondes suggèrent la présence de ressources qui pourraient être compressées ou mises en cache plus efficacement. Pour améliorer l'expérience utilisateur sur mobile, une attention particulière doit être portée à l'optimisation des images et au chargement des ressources critiques en priorité.

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
Minifier CSS et JavaScript

💡 Impact: Réduction de la taille des fichiers de 20-30%

⏱️ Temps estimé: 1 heure

Easy
#3
Implémenter le Lazy Loading pour les images

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

⏱️ Temps estimé: 1 heure

Easy

⚙️ Optimisations Recommandées (6)

Optimisation des images

Compresser et mettre en cache les images pour réduire la taille totale de la page.

Gain: 0.5s
🛠️ Outils recommandés:
TinyPNG ImageOptim
📊 Difficulté:
Medium
💻 Exemple de code:
img { max-width: 100%; height: auto; }
Améliorer le caching

Utiliser un cache navigateur efficace pour les ressources statiques.

Gain: 0.2s
🛠️ Outils recommandés:
Google Lighthouse
📊 Difficulté:
Low
💻 Exemple de code:
Cache-Control: max-age=31536000, immutable
Minimiser le CSS

Réduire la taille des fichiers CSS pour diminuer le temps de chargement.

Gain: 0.1s
🛠️ Outils recommandés:
CSSNano PurgeCSS
📊 Difficulté:
Low
💻 Exemple de code:
npx cssnano input.css output.css
Déplacement de JavaScript en pied de page

Déplacer les scripts non-critiques en bas de page pour éviter de bloquer le rendu.

Gain: 0.3s
🛠️ Outils recommandés:
Google Lighthouse
📊 Difficulté:
Medium
💻 Exemple de code:
<script src='script.js' defer></script>
Hébergement local des polices

Charger les polices localement pour réduire les requêtes externes.

Gain: 0.2s
🛠️ Outils recommandés:
FontSquirrel
📊 Difficulté:
Medium
💻 Exemple de code:
@font-face { font-family: 'MyWebFont'; src: url('webfont.woff2') format('woff2'); }
Compression GZIP

Activer la compression GZIP sur le serveur pour diminuer la taille des fichiers envoyés.

Gain: 0.3s
🛠️ Outils recommandés:
GZipTest
📊 Difficulté:
Low
💻 Exemple de code:
AddOutputFilterByType DEFLATE text/html application/javascript