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

Avec un score de 80 sur mobile et 90 sur desktop, le site opengraphy.com démontre une excellente base pour la performance web. Néanmoins, il existe des opportunités d'amélioration, particulièrement sur mobile. Le temps de chargement rapide, à 0.07 secondes, est un atout majeur qui favorise l'expérience utilisateur. Cependant, une page de 380.27 KB pourrait être optimisée pour améliorer le temps de réponse initial et la capacité de traitement des appareils mobiles. L'expérience utilisateur pourrait être affectée par des temps de chargement longs sur des réseaux plus lents ou des appareils moins puissants. Comparativement aux standards mobile-first, qui exigent des temps de réponse rapides et une interaction immédiate, des améliorations telles que le rendu au-dessus de la ligne de flottaison et l'optimisation des ressources critiques sont nécessaires pour atteindre une performance 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
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
#3
Minifier CSS et JavaScript

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

⏱️ Temps estimé: 1 heure

Easy

⚙️ Optimisations Recommandées (6)

Optimisation des images

Réduisez le poids des images à l'aide de formats modernes tels que WebP.

Gain: 0.5s
🛠️ Outils recommandés:
Squoosh ImageMagick
📊 Difficulté:
Medium
💻 Exemple de code:
convert input.jpg -quality 85 -format webp output.webp
Éliminer le blocage de rendu

Retirez ou différenciez les scripts qui bloquent le rendu.

Gain: 0.7s
🛠️ Outils recommandés:
Google Tag Manager Defer JavaScript
📊 Difficulté:
High
💻 Exemple de code:
<script defer src="script.js"></script>
Activer le cache du navigateur

Configurez les en-têtes pour stocker les ressources statiques.

Gain: 1.0s
🛠️ Outils recommandés:
.htaccess Nginx
📊 Difficulté:
Low
💻 Exemple de code:
Cache-Control: max-age=31536000
Optimiser le chargement des polices

Préchargez les polices essentielles et utilisez des polices système pour le texte d'attente.

Gain: 0.3s
🛠️ Outils recommandés:
Google Fonts Font-display
📊 Difficulté:
Medium
💻 Exemple de code:
<link rel="preload" href="font.woff2" as="font" type="font/woff2" crossorigin>
Supprimer le CSS inutilisé

Identifiez et supprimez le CSS non utilisé pour réduire le temps de chargement.

Gain: 0.4s
🛠️ Outils recommandés:
PurgeCSS UnCSS
📊 Difficulté:
High
💻 Exemple de code:
purgecss --css styles.css --content index.html
Charger les scripts JavaScript en asynchrone

Évitez le blocage du rendu avec l'attribut async.

Gain: 0.5s
🛠️ Outils recommandés:
Async defer JS
📊 Difficulté:
Medium
💻 Exemple de code:
<script async src="async-script.js"></script>