Performance & Vitesse
Analyse PageSpeed Insights et Core Web Vitals
📱 Performance Mobile
💻 Performance Desktop
🔍 Diagnostic de Performance IA
Le site auvio.rtbf.be possède un score de performance raisonnable avec 80 sur mobile et 90 sur desktop selon PageSpeed Insights. Toutefois, un score de 80 sur mobile suggère que certaines améliorations sont nécessaires pour offrir une expérience utilisateur fluide. Les temps de chargement de 0.08 sont excellents, mais la rapidité perçue peut être encore améliorée. Les principales causes de ralentissement sur mobile pourraient inclure des images non optimisées, du code JavaScript bloquant le rendu et une mise en cache insuffisante. Comparé aux standards mobile-first, qui nécessitent une charge rapide et fluide sur les connexions mobiles plus lentes, il est essentiel que les optimisations soient centrées sur la minimisation des ressources bloquantes et l'amélioration du Largest Contentful Paint (LCP).
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 le caching pour les éléments statiques
💡 Impact: Amélioration de la performance globale du site
⏱️ Temps estimé: 1-2 heures
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
Réduire la taille des images en utilisant des formats modernes comme WebP ou AVIF et appliquer la compression appropriée.
Gain: 0.5s
Réduire la taille des images en utilisant des formats modernes comme WebP ou AVIF et appliquer la compression appropriée.
Déférer le JavaScript
Utiliser l'attribut defer dans les balises script pour ne pas bloquer le rendu initial de la page.
Gain: 0.8s
Utiliser l'attribut defer dans les balises script pour ne pas bloquer le rendu initial de la page.
<script src='script.js' defer></script>
Améliorer la mise en cache
Configurer la mise en cache HTTP en utilisant des en-têtes adéquats pour les ressources statiques pour réduire le temps de rechargement.
Gain: 0.3s
Configurer la mise en cache HTTP en utilisant des en-têtes adéquats pour les ressources statiques pour réduire le temps de rechargement.
Précharger les polices
Utiliser le rel='preload' pour précharger les polices web et améliorer le temps de rendu.
Gain: 0.2s
Utiliser le rel='preload' pour précharger les polices web et améliorer le temps de rendu.
<link rel='preload' href='font.woff2' as='font' type='font/woff2' crossorigin='anonymous'>
Minimiser le CSS
Réduire et compresser le code CSS pour diminuer la taille des ressources transférées.
Gain: 0.1s
Réduire et compresser le code CSS pour diminuer la taille des ressources transférées.
Activer la compression GZIP
Activer la compression GZIP pour tous les fichiers envoyés par le serveur pour réduire le temps de transfert.
Gain: 0.4s
Activer la compression GZIP pour tous les fichiers envoyés par le serveur pour réduire le temps de transfert.
Lazy-load des éléments non critiques
Appliquer le lazy-loading pour les éléments en dessous du fold afin de prioriser le contenu visible.
Gain: 0.7s
Appliquer le lazy-loading pour les éléments en dessous du fold afin de prioriser le contenu visible.