Performance & Vitesse
Analyse PageSpeed Insights et Core Web Vitals
📱 Performance Mobile
💻 Performance Desktop
🔍 Diagnostic de Performance IA
L'état actuel de la performance du site www.reebok.eu montre des scores PageSpeed Insights de 70/100 pour mobile et 80/100 pour desktop. Ces scores indiquent que le site a besoin d'améliorations, surtout sur mobile, où la performance est cruciale pour l'expérience utilisateur. Les ralentissements sont principalement dus à la taille de la page, qui atteint près de 496 KB, et un temps de chargement de 0.14 secondes. Bien que le temps de chargement semble rapide, des éléments tels que le Largest Contentful Paint (LCP) et d'autres Web Vitals peuvent être améliorés pour atteindre les standards du mobile-first. L'expérience utilisateur est impactée par des temps de chargement prolongés des contenus principaux, ce qui peut entraîner une augmentation du taux de rebond et une diminution des conversions.
Sélectionner l'appareil
📊 Scores Lighthouse Mobile
🎯 Core Web Vitals Mobile
Survolez les métriques pour voir leur explication
📋 Audits détaillés
🚀 Quick Wins - Actions Rapides
Activer la compression GZIP/Brotli
💡 Impact: Réduction de 60-80% de la taille des fichiers transférés
⏱️ Temps estimé: 30 minutes
Minifier CSS et JavaScript
💡 Impact: Réduction de la taille des fichiers de 20-30%
⏱️ Temps estimé: 1 heure
Précharger les ressources critiques (CSS, fonts)
💡 Impact: Réduction du temps de First Contentful Paint de 0.5-1s
⏱️ Temps estimé: 45 minutes
⚙️ Optimisations Recommandées (7)
Optimiser les images
Utiliser des formats d'image modernes tels que WebP pour réduire la taille des fichiers.
Gain: 0.5s
Utiliser des formats d'image modernes tels que WebP pour réduire la taille des fichiers.
<img src='image.webp'>
Activer le lazy loading
Charger les images uniquement lorsqu'elles entrent dans le viewport.
Gain: 0.3s
Charger les images uniquement lorsqu'elles entrent dans le viewport.
<img loading='lazy'>
Mettre en œuvre le caching aggressive
Utiliser des headers de cache pour stocker les ressources côté client.
Gain: 0.2s
Utiliser des headers de cache pour stocker les ressources côté client.
Cache-Control: max-age=31536000
Extraire le CSS critique
Incorporer le CSS essentiel nécessaire pour le rendu initial du site.
Gain: 0.4s
Incorporer le CSS essentiel nécessaire pour le rendu initial du site.
<style>/* Critical CSS */</style>
Réduire le temps de réponse du serveur
Optimiser la configuration du serveur pour des réponses plus rapides.
Gain: 0.2s
Optimiser la configuration du serveur pour des réponses plus rapides.
N/A
Minifier le JavaScript
Réduire la taille des fichiers JavaScript pour des téléchargements plus rapides.
Gain: 0.1s
Réduire la taille des fichiers JavaScript pour des téléchargements plus rapides.
uglifyjs script.js -o script.min.js
Optimiser les polices
Utiliser des polices localement hébergées pour réduire les temps de chargement.
Gain: 0.2s
Utiliser des polices localement hébergées pour réduire les temps de chargement.
@font-face { /* Custom font style */ }