Performance & Vitesse
Analyse PageSpeed Insights et Core Web Vitals
📱 Performance Mobile
💻 Performance Desktop
🔍 Diagnostic de Performance IA
L'état actuel de la performance de www.lalibre.be révèle des scores moyens de 70/100 sur mobile et 80/100 sur desktop, ce qui impacte négativement l'expérience utilisateur, en particulier sur mobile où les utilisateurs s'attendent à des chargements rapides. La taille de la page de 3.37 MB et un temps de chargement de 0.35 indiquent que les ressources sont lourdes, probablement dues à des images non optimisées et des scripts trop volumineux. Les principaux ralentissements sont dus à la taille excessive des ressources et au manque d'optimisation les empêchant d'atteindre les standards mobiles-first prônés par Google, qui recommande des pages bien plus légères et rapides.
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
Implémenter le Lazy Loading pour les images
💡 Impact: Amélioration du temps de chargement initial de 30-40%
⏱️ Temps estimé: 1 heure
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
⚙️ Optimisations Recommandées (6)
Optimiser les images
Réduire la taille des images et utiliser des formats adaptés comme WebP pour diminuer considérablement le temps de chargement.
Gain: 1.0s
Réduire la taille des images et utiliser des formats adaptés comme WebP pour diminuer considérablement le temps de chargement.
Utilisez 'img srcset' pour servir différentes tailles d'images.
Configurer le cache navigateur
Mettre en place le caching pour que les ressources statiques soient stockées, réduisant ainsi les temps de rechargement.
Gain: 0.5s
Mettre en place le caching pour que les ressources statiques soient stockées, réduisant ainsi les temps de rechargement.
Cache-Control: max-age=31536000
Différer le chargement des scripts JS
Éviter le blocage du rendu en utilisant async ou defer sur les scripts non essentiels.
Gain: 0.8s
Éviter le blocage du rendu en utilisant async ou defer sur les scripts non essentiels.
<script src='script.js' defer></script>
Optimiser le chargement des polices
Utiliser display: swap pour rendre le texte visible avec les polices de remplacement.
Gain: 0.3s
Utiliser display: swap pour rendre le texte visible avec les polices de remplacement.
font-display: swap;
Activer la compression
Appliquer la compression des fichiers HTML, CSS, JS pour réduire les tailles et accélérer les transferts.
Gain: 0.4s
Appliquer la compression des fichiers HTML, CSS, JS pour réduire les tailles et accélérer les transferts.
gzip on;
Minimiser le CSS
Réduire le CSS pour éviter de ralentir le chargement initial de la page.
Gain: 0.2s
Réduire le CSS pour éviter de ralentir le chargement initial de la page.
npm install cssnano