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

Actuellement, le site www.opengraphy.com présente des performances mobiles de 80/100 et des performances de bureau de 90/100. Ces scores indiquent un bon point de départ, cependant, il existe des zones nécessitant des améliorations, surtout pour les utilisateurs mobiles. Un temps de chargement de 0.72 secondes et une taille de page de 380.27 KB sont respectables, mais l'expérience utilisateur pourrait être améliorée par des optimisations supplémentaires. Les principales causes des ralentissements incluent potentiellement des images non optimisées, des scripts JavaScript volumineux, et une gestion inadéquate des requêtes réseau. Comparé aux standards actuels du mobile-first index de Google, une meilleure performance, en particulier sur mobile, est cruciale pour améliorer le SEO et conserver les utilisateurs.

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

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

⏱️ Temps estimé: 1 heure

Easy

⚙️ Optimisations Recommandées (8)

Optimiser les images

Utiliser des formats d'image modernes tels que WebP, et compresser les images existantes pour réduire leur taille et accélérer le chargement.

Gain: 0.5s
🛠️ Outils recommandés:
ImageOptim TinyPNG
📊 Difficulté:
Medium
Mettre en cache le contenu statique

Configurer un cache pour les ressources statiques afin de réduire les temps de chargement pour les utilisateurs récurrents.

Gain: 0.2s
🛠️ Outils recommandés:
Cache-Control HTAccess
📊 Difficulté:
Low
💻 Exemple de code:
Cache-Control: max-age=31536000
Réduire la taille des scripts JS

Minimiser et différer le chargement des fichiers JavaScript non critiques pour améliorer le temps de construction du DOM.

Gain: 0.3s
🛠️ Outils recommandés:
UglifyJS Webpack
📊 Difficulté:
High
Optimiser les polices web

Précharger les polices critiques et s'assurer qu'elles sont affichées efficacement pour éviter le flash de texte invisible.

Gain: 0.15s
🛠️ Outils recommandés:
Google Fonts Font Loading API
📊 Difficulté:
Medium
💻 Exemple de code:
<link rel="preload" href="/fonts/font.woff2" as="font" type="font/woff2" crossorigin="anonymous">
Réduire les requêtes HTTP

Consolider les fichiers JS/CSS pour réduire le nombre de requêtes HTTP.

Gain: 0.1s
🛠️ Outils recommandés:
HTTP/2 Webpack
📊 Difficulté:
Medium
Améliorer la rapidité du serveur

Mettre en oeuvre un CDN pour réduire la latence et améliorer la vitesse de livraison des ressources aux utilisateurs.

Gain: 0.3s
🛠️ Outils recommandés:
Cloudflare Akamai
📊 Difficulté:
Medium
Minifier les fichiers CSS

Réduire la taille des fichiers CSS en supprimant les espaces et commentaires superflus.

Gain: 0.05s
🛠️ Outils recommandés:
CSSNano CleanCSS
📊 Difficulté:
Low
Utiliser rel=preconnect

Etablir des connexions initiales aux origines importantes pour accélérer le processus de récupération des données.

Gain: 0.1s
🛠️ Outils recommandés:
Lighthouse WebPageTest
📊 Difficulté:
Low
💻 Exemple de code:
<link rel="preconnect" href="https://example.com">