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

Actuellement, speedtest.net affiche des scores de performance de 80 sur mobile et 90 sur desktop, soulignant ainsi un bon mais perfectible niveau de performance. Cela reflète une expérience utilisateur généralement fluide sur les deux plateformes, bien que des améliorations soient possibles, notamment sur mobile où les attentes des utilisateurs sont de plus en plus élevées en termes de vitesse et de réactivité. Les principales causes de ralentissement incluent potentiellement des ressources non optimisées, des scripts de tiers et des images non compressées. Par rapport aux standards de l'approche mobile-first, il est crucial d'optimiser davantage les Web Vitals comme le Largest Contentful Paint (LCP) et le Cumulative Layout Shift (CLS) pour offrir une expérience utilisateur optimale. En effet, Google favorise les pages qui se chargent rapidement et dont le contenu est stable lors du chargement, ce qui impacte directement le classement SERP et l'engagement utilisateur.

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
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
#3
Implémenter l'attribut 'async' pour les scripts non-essentiels.

💡 Impact: Amélioration de la performance globale du site

⏱️ Temps estimé: 1-2 heures

Medium

⚙️ Optimisations Recommandées (6)

Optimiser les images

Compresser et servir les images dans des formats modernes tels que WebP pour réduire leur taille et améliorer les temps de chargement.

Gain: 0.5s
🛠️ Outils recommandés:
Squoosh ImageMagick
📊 Difficulté:
Medium
💻 Exemple de code:
img { width: 100%; height: auto; }
Activer la mise en cache

Configurer correctement la mise en cache HTTP pour les ressources statiques afin de réduire les chargements ultérieurs.

Gain: 0.7s
🛠️ Outils recommandés:
Apache NGINX
📊 Difficulté:
Low
💻 Exemple de code:
Cache-Control: max-age=31536000
Optimiser le chargement des scripts

Appliquer le chargement asynchrone et différé des scripts pour éviter de bloquer le rendu initial.

Gain: 0.8s
🛠️ Outils recommandés:
Lighthouse Chrome DevTools
📊 Difficulté:
High
💻 Exemple de code:
<script src='script.js' async></script>
Précharger les polices

Utiliser des liens de préchargement pour les polices critiques afin d'assurer leur disponibilité immédiate.

Gain: 0.3s
🛠️ Outils recommandés:
Google Fonts Font Face Observer
📊 Difficulté:
Medium
💻 Exemple de code:
<link rel='preload' href='font.woff2' as='font' type='font/woff2' crossorigin='anonymous'>
Implémenter le chargement paresseux

Utiliser le chargement différé pour les images en dessous de la ligne de flottaison afin d'épargner les données initiales.

Gain: 0.6s
🛠️ Outils recommandés:
Lazysizes Lozad.js
📊 Difficulté:
Low
💻 Exemple de code:
<img data-src='image.jpg' class='lazyload'>
Activer la compression GZIP

Compresser les fichiers de texte et de script pour réduire leur taille de transfert sur le réseau.

Gain: 0.4s
🛠️ Outils recommandés:
Gzip Brotli
📊 Difficulté:
Low
💻 Exemple de code:
AddOutputFilterByType DEFLATE text/html