Performance & Vitesse
Analyse PageSpeed Insights et Core Web Vitals
📱 Performance Mobile
💻 Performance Desktop
🔍 Diagnostic de Performance IA
L'état actuel de la performance de zalando.fr est préoccupant, particulièrement sur desktop avec un score de 0/100, et un score mobile de seulement 51/100. Cette mauvaise performance affecte significativement l'expérience utilisateur, entraînant des temps de chargement longs et potentiellement un taux de rebond élevé. Les principales causes de ces ralentissements incluent une gestion sous-optimale des ressources, notamment les images et les scripts non essentiels, ainsi qu'une priorisation incorrecte du contenu visible. Par rapport aux standards de conception mobile-first, où un chargement rapide et efficace est crucial, la différence est notable et nécessite des améliorations immédiates pour garantir une expérience utilisateur fluide et engageante.
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
Précharger les ressources critiques (CSS, fonts)
💡 Impact: Réduction du temps de First Contentful Paint de 0.5-1s
⏱️ Temps estimé: 45 minutes
Implémenter le Lazy Loading pour les images
💡 Impact: Amélioration du temps de chargement initial de 30-40%
⏱️ Temps estimé: 1 heure
⚙️ Optimisations Recommandées (6)
Optimiser les images
Réduire la taille des images en utilisant des formats modernes comme WebP et implémenter le chargement différé pour les images hors écran.
Gain: 1.2s
Réduire la taille des images en utilisant des formats modernes comme WebP et implémenter le chargement différé pour les images hors écran.
img { loading: lazy; }
Déférer les scripts non essentiels
Diminuer le temps de chargement initial en chargeant les scripts non critiques de manière différée.
Gain: 0.8s
Diminuer le temps de chargement initial en chargeant les scripts non critiques de manière différée.
<script src='script.js' defer></script>
Minimiser le CSS
Réduisez la taille des fichiers CSS en supprimant les règles inutilisées et en les minifiant.
Gain: 0.5s
Réduisez la taille des fichiers CSS en supprimant les règles inutilisées et en les minifiant.
npx purgecss --css styles.css --content index.html --output clean.css
Activer la compression
Utilisez des algorithmes de compression tels que Gzip ou Brotli pour réduire les tailles de transfert des fichiers.
Gain: 0.9s
Utilisez des algorithmes de compression tels que Gzip ou Brotli pour réduire les tailles de transfert des fichiers.
gzip on; # in nginx.conf
Configurer un caching efficace
Mettez en place une stratégie de mise en cache côté client pour les ressources statiques fréquemment utilisées.
Gain: 1.0s
Mettez en place une stratégie de mise en cache côté client pour les ressources statiques fréquemment utilisées.
Cache-Control: max-age=31536000, immutable
Précharger les polices essentielles
Accélérez le rendu en préchargeant les polices critiques et en les servant au format moderne.
Gain: 0.6s
Accélérez le rendu en préchargeant les polices critiques et en les servant au format moderne.
<link rel='preload' href='font.woff2' as='font' type='font/woff2' crossorigin='anonymous'>