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'état actuel de la performance de www.opengraphy.com montre des scores corrects mais perfectibles : 80 sur mobile et 90 sur desktop. Bien que le score desktop soit acceptable, le score mobile traduit des opportunités d'amélioration, notamment à cause des contraintes inhérentes au mobile-first. Les ralentissements peuvent être attribués à des images non optimisées, des scripts bloquants ou une mise en cache insuffisante. Ces facteurs affectent directement l'expérience utilisateur en ralentissant le chargement initial et en augmentant les temps de réponse aux interactions, ce qui est critique pour l'engagement. Comparé aux standards de performance mobile-first, un effort est requis pour réduire le Largest Contentful Paint (LCP) en dessous de 2.5 secondes et pour améliorer la First Input Delay (FID) et le Cumulative Layout Shift (CLS).

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
Activer la compression GZIP/Brotli

💡 Impact: Réduction de 60-80% de la taille des fichiers transférés

⏱️ Temps estimé: 30 minutes

Easy
#3
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

⚙️ Optimisations Recommandées (8)

Optimisation des images

Réduisez la taille des images et utilisez des formats modernes comme WEBP.

Gain: 0.5s
🛠️ Outils recommandés:
ImageOptim Squoosh
📊 Difficulté:
Medium
💻 Exemple de code:
<img src='image.webp' alt='Description'>
Retardement des scripts

Déplacez les scripts non critiques pour un chargement différé ou asynchrone.

Gain: 0.3s
🛠️ Outils recommandés:
Lighthouse PageSpeed Insights
📊 Difficulté:
High
💻 Exemple de code:
<script src='script.js' async></script>
Mise en cache du navigateur

Configurez le cache pour retenir les ressources statiques plus longtemps.

Gain: 0.2s
🛠️ Outils recommandés:
WebPageTest GTmetrix
📊 Difficulté:
Easy
💻 Exemple de code:
Cache-Control: max-age=31536000
Préchargement de polices

Utilisez le préchargement pour télécharger les polices critiques plus rapidement.

Gain: 0.1s
🛠️ Outils recommandés:
FontFace Observer Google Fonts
📊 Difficulté:
Medium
💻 Exemple de code:
<link rel='preload' href='font.woff2' as='font' type='font/woff2' crossorigin='anonymous'>
Minification du code HTML

Réduisez la taille de votre HTML en supprimant les espaces et commentaires inutilisés.

Gain: 0.05s
🛠️ Outils recommandés:
HTMLMinifier Gulp
📊 Difficulté:
Low
💻 Exemple de code:
<!DOCTYPE html><html><head>...</head><body>...</body></html>
Optimisation CSS

Combinez et minifiez les fichiers CSS pour réduire le nombre de requêtes.

Gain: 0.1s
🛠️ Outils recommandés:
CSSNano PurgeCSS
📊 Difficulté:
Medium
💻 Exemple de code:
body{margin:0;padding:0;}
Activation de la compression GZIP

Activez GZIP pour réduire la taille des fichiers transférés du serveur au navigateur.

Gain: 0.3s
🛠️ Outils recommandés:
GZIP Compression Test Apache
📊 Difficulté:
Easy
💻 Exemple de code:
AddOutputFilterByType DEFLATE text/html text/plain text/xml
Utilisation d'un CDN

Distribuez le contenu via un CDN pour réduire la latence de chargement.

Gain: 0.4s
🛠️ Outils recommandés:
Cloudflare AWS CloudFront
📊 Difficulté:
High
💻 Exemple de code:
N/A