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 montre une performance convenable sur desktop avec un score de 90/100, mais le score mobile de 80/100 laisse place à des améliorations. Un temps de chargement de 0.72 secondes et une taille de page de 380.27 KB sont globalement satisfaisants, mais certaines optimisations pourraient permettre d'atteindre une meilleure fluidité pour les utilisateurs mobiles. L'expérience utilisateur mobile est légèrement impactée par le potentiel ralentissement lors du chargement initial de la page. Les normes de Google en matière de mobile-first design sont exigeantes et nécessitent souvent des ajustements, notamment en termes d'images et de scripts. Il est essentiel de s'assurer que le site soit optimisé pour mobile afin de maximiser l'engagement des 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
Minifier CSS et JavaScript

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

⏱️ 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 (7)

Optimiser les images

Compresser et redimensionner les images pour réduire le temps de chargement sans compromettre la qualité

Gain: 0.5s
🛠️ Outils recommandés:
TinyPNG ImageOptim
📊 Difficulté:
Medium
💻 Exemple de code:
Optimisation automatique avec webpack
Activer la mise en cache navigateur

Configurer la mise en cache pour les ressources immuables afin d'accélérer les chargements récurrents

Gain: 0.3s
🛠️ Outils recommandés:
Google Lighthouse WebPageTest
📊 Difficulté:
Medium
💻 Exemple de code:
Cache-Control: max-age=31536000
Minimiser les scripts

Réduire et combiner les fichiers JavaScript pour diminuer le temps d'exécution

Gain: 0.4s
🛠️ Outils recommandés:
UglifyJS Google Closure Compiler
📊 Difficulté:
High
💻 Exemple de code:
npx terser script.js -o script.min.js
Améliorer le rendu

Utiliser le chargement différé du CSS pour prévenir le blocage du rendu initial

Gain: 0.2s
🛠️ Outils recommandés:
Critical PostCSS
📊 Difficulté:
High
💻 Exemple de code:
<link rel='preload' href='main.css' as='style'>
Optimiser les polices

Préloader et stocker localement les polices pour une meilleure performance

Gain: 0.2s
🛠️ Outils recommandés:
Font Squirrel Google Fonts
📊 Difficulté:
Medium
💻 Exemple de code:
@font-face { font-display: swap; }
Utiliser un CDN

Déployer un réseau de distribution de contenu pour une diffusion rapide des ressources statiques.

Gain: 0.4s
🛠️ Outils recommandés:
Cloudflare Amazon CloudFront
📊 Difficulté:
High
💻 Exemple de code:
Configurer les en-têtes HTTP pour les ressources statiques
Passer à HTTP/2

Mettre à niveau à HTTP/2 pour améliorer le multiplexing et diminuer les requêtes HTTP

Gain: 0.3s
🛠️ Outils recommandés:
SSL Labs Caddy
📊 Difficulté:
Medium
💻 Exemple de code:
server { listen 443 ssl http2; }