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'analyse actuelle de la performance de OpenGraphy.com montre un bon score globalement avec un score de 90 sur desktop et 80 sur mobile. Cependant, il existe des opportunités d'optimisation, notamment sur mobile, pour améliorer l'expérience utilisateur qui reste cruciale dans un contexte mobile-first. La taille de la page est raisonnablement compacte à 380.27 KB, ce qui aide à réduire le temps de chargement estimé à 0.08 secondes, bien que ces données puissent être optimisées davantage. La principale préoccupation réside dans les Web Vitals, où certaines métriques peuvent dépasser les recommandations de Google, affectant potentiellement le taux de conversion et la satisfaction des utilisateurs. En se concentrant sur les améliorations rapides de la mobilité, l'expérience utilisateur globale pourrait être encore améliorée, en s'assurant que les utilisateurs mobiles bénéficient d'un chargement rapide et fluide, conformément aux standards actuels du mobile-first.

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)

Optimiser les images

Les images peuvent être compressées et converties en formats modernes tels que WebP pour réduire la taille de la page et améliorer le temps de chargement.

Gain: 0.4s
🛠️ Outils recommandés:
ImageOptim Squoosh
📊 Difficulté:
Medium
Réduire la mise en cache

Configurer la mise en cache du navigateur pour des ressources récurrentes afin de réduire le nombre de requêtes serveur répétées.

Gain: 0.2s
🛠️ Outils recommandés:
Google PageSpeed Insights
📊 Difficulté:
Low
Minifier CSS

Réduire la taille des fichiers CSS en supprimant l'espace blanc et les commentaires pour accélérer le temps de chargement.

Gain: 0.1s
🛠️ Outils recommandés:
CSSNano PostCSS
📊 Difficulté:
Low
Déférer le JavaScript

Utiliser l'attribut defer pour le fichier JavaScript afin qu'il ne bloque pas le rendu de la page initiale.

Gain: 0.2s
🛠️ Outils recommandés:
Webpack Gulp
📊 Difficulté:
Medium
💻 Exemple de code:
<script defer src="main.js"></script>
Optimiser les polices de caractères

Utiliser les affichages partiels et optimiser le chargement des polices Web afin de réduire l'impact sur le CLS.

Gain: 0.3s
🛠️ Outils recommandés:
Google Fonts FontFace Observer
📊 Difficulté:
Medium
Activer la compression GZIP

Compresser les fichiers envoyés depuis le serveur pour réduire la taille totale des transferts.

Gain: 0.2s
🛠️ Outils recommandés:
Apache Nginx
📊 Difficulté:
Low
💻 Exemple de code:
AddOutputFilterByType DEFLATE text/html text/plain text/xml