Performance & Vitesse
Analyse PageSpeed Insights et Core Web Vitals
📱 Performance Mobile
💻 Performance Desktop
🔍 Diagnostic de Performance IA
Actuellement, www.rtbf.be affiche des scores de performance modérés avec un 70 sur mobile et un 80 sur desktop selon PageSpeed Insights. Ce niveau de performance peut affecter l'expérience utilisateur, notamment sur mobile où la réactivité est essentielle. Les principaux facteurs de ralentissement semblent provenir d'actifs volumineux et de scripts non optimisés, ce qui est problématique dans un contexte mobile-first. Avec une taille de page de 1.61 MB, le temps de chargement est raisonnable mais peut être amélioré pour mieux répondre aux attentes des utilisateurs et aux standards de Google. La performance sur mobile doit être priorisée pour garantir une meilleure accessibilité et une expérience utilisateur fluide.
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
Implémenter le Lazy Loading pour les images
💡 Impact: Amélioration du temps de chargement initial de 30-40%
⏱️ 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 (8)
Optimiser les images
Utiliser des formats modernes tels que WebP et ajuster la compression pour réduire la taille des images.
Gain: 0.5s
Utiliser des formats modernes tels que WebP et ajuster la compression pour réduire la taille des images.
img { width: 100%; }
Minifier JavaScript
Réduire la taille des fichiers JavaScript en supprimant les espaces et commentaires inutiles.
Gain: 0.3s
Réduire la taille des fichiers JavaScript en supprimant les espaces et commentaires inutiles.
uglifyjs app.js -o app.min.js
Éliminer le CSS non critique
Supprimer les styles CSS non utilisés durant le chargement initial pour accélérer le rendu.
Gain: 0.4s
Supprimer les styles CSS non utilisés durant le chargement initial pour accélérer le rendu.
purgecss --css styles.css --content index.html
Mettre en cache les ressources
Configurer le cache du navigateur pour les actifs statiques afin de réduire le chargement en visites ultérieures.
Gain: 0.6s
Configurer le cache du navigateur pour les actifs statiques afin de réduire le chargement en visites ultérieures.
Cache-Control: max-age=31536000
Activer la compression
Utiliser GZIP ou Brotli pour compresser les ressources textuelles afin de réduire leur transfert.
Gain: 0.8s
Utiliser GZIP ou Brotli pour compresser les ressources textuelles afin de réduire leur transfert.
gzip on; brotli on;
Différer le chargement des scripts
Utiliser la stratégie de chargement différé pour les scripts non essentiels.
Gain: 0.4s
Utiliser la stratégie de chargement différé pour les scripts non essentiels.
<script src='script.js' defer></script>
Optimiser les polices
Précharger les polices critiques et minimiser le nombre de variantes utilisées.
Gain: 0.2s
Précharger les polices critiques et minimiser le nombre de variantes utilisées.
<link rel='preload' href='font.woff2' as='font' type='font/woff2' crossorigin='anonymous'>
Réduire les requêtes HTTP
Combiner les fichiers CSS et JS pour diminuer le nombre de requêtes réseau.
Gain: 0.5s
Combiner les fichiers CSS et JS pour diminuer le nombre de requêtes réseau.
import './style.css'; import './script.js';