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 www.opengraphy.com est relativement correcte sur desktop avec un score de 90/100, mais pourrait être améliorée sur mobile où le score est de 80/100. L'impact principal de ces résultats est ressenti par les utilisateurs mobiles, pour lesquels une expérience fluide et rapide est cruciale étant donné les standards actuels centrés sur le mobile-first. Les principales causes de ralentissements incluent probablement des images non optimisées, un JavaScript lourd, et une gestion sous-optimale des ressources externes. Comparativement aux standards, un score de 80 en mobile est encore en dessous des attentes pour les sites optimisés mobile-first, qui visent généralement à atteindre un score de 90 ou plus.

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
Implémenter le Lazy Loading pour les images

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

⏱️ Temps estimé: 1 heure

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

⚙️ Optimisations Recommandées (6)

Optimiser les images

Utiliser des formats modernes tels que WebP et compresser les images sans perte pour réduire leur taille.

Gain: 0.7s
🛠️ Outils recommandés:
ImageOptim Squoosh
📊 Difficulté:
Medium
💻 Exemple de code:
Utiliser la balise <picture> pour le chargement adaptatif des images.
Minifier le JavaScript

Réduire la taille des fichiers JavaScript en enlevant les espaces et commentaires inutiles.

Gain: 0.3s
🛠️ Outils recommandés:
UglifyJS Terser
📊 Difficulté:
Low
💻 Exemple de code:
Utiliser UglifyJS pour minimiser un fichier src: uglifyjs src.js -o src.min.js
Mise en cache du navigateur

Configurer le cache du navigateur pour garder les ressources statiques plus longtemps.

Gain: 0.8s
🛠️ Outils recommandés:
Cache-Control
📊 Difficulté:
High
💻 Exemple de code:
Ajouter Cache-Control: max-age=31536000 aux en-têtes HTTP des ressources statiques
Précharger les polices

Utiliser le préchargement pour garantir que les polices de caractères sont disponibles dès le rendu initial de la page.

Gain: 0.5s
🛠️ Outils recommandés:
Preload
📊 Difficulté:
Medium
💻 Exemple de code:
<link rel='preload' href='/fonts/font.woff2' as='font' type='font/woff2' crossorigin='anonymous'>
Minifier le CSS

Réduire la taille des fichiers CSS pour améliorer le temps de rendu de la page.

Gain: 0.2s
🛠️ Outils recommandés:
CSSNano CleanCSS
📊 Difficulté:
Low
💻 Exemple de code:
Utiliser CSSNano: postcss src.css --use cssnano -o dist.css
Activer compression gzip

Configurer le serveur pour utiliser gzip afin de réduire la taille des fichiers envoyés aux navigateurs.

Gain: 0.3s
🛠️ Outils recommandés:
mod_gzip gzip
📊 Difficulté:
Medium
💻 Exemple de code:
Ajouter AddOutputFilterByType DEFLATE text/html text/css à la configuration du serveur Apache