Performance & Vitesse
Analyse PageSpeed Insights et Core Web Vitals
📱 Performance Mobile
💻 Performance Desktop
🔍 Diagnostic de Performance IA
Le site www.borne-electrique.be affiche des performances moyennes avec un score de 70/100 pour le mobile et de 80/100 pour le desktop selon PageSpeed Insights. Bien que le temps de chargement initial de 0.02 secondes soit optimisé, plusieurs facteurs nuisent à l'expérience utilisateur, notamment sur mobile. Les principales causes de ralentissements peuvent être attribuées à une sous-optimisation des ressources comme les images, les scripts et les feuilles de style. Par rapport aux standards mobile-first, cette performance peut impacter négativement le taux de conversion car les utilisateurs mobiles s'attendent à des expériences de navigation rapides et fluides. Pour surpasser les normes actuelles, des améliorations ciblées sur les Web Vitals sont essentielles.
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
Implémenter le Lazy Loading pour les images
💡 Impact: Amélioration du temps de chargement initial de 30-40%
⏱️ Temps estimé: 1 heure
Configurer la mise en cache navigateur
💡 Impact: Réduction du temps de chargement des visiteurs récurrents de 50-70%
⏱️ Temps estimé: 1 heure
⚙️ Optimisations Recommandées (7)
Compression d'images
Utiliser des formats modernes comme WebP pour les images afin de réduire leur taille sans perte significative de qualité.
Gain: 0.8s
Utiliser des formats modernes comme WebP pour les images afin de réduire leur taille sans perte significative de qualité.
<img src='image.webp' alt='Description'>
Chargement différé des scripts
Mettre en place le chargement différé des scripts non essentiels pour qu'ils ne bloquent pas le rendu initial de la page.
Gain: 0.5s
Mettre en place le chargement différé des scripts non essentiels pour qu'ils ne bloquent pas le rendu initial de la page.
<script src='script.js' defer></script>
CSS critiques en ligne
Extraire et intégrer les CSS critiques directement dans le HTML pour accélérer le rendu initial de la page.
Gain: 0.3s
Extraire et intégrer les CSS critiques directement dans le HTML pour accélérer le rendu initial de la page.
<style>/* Critiques CSS ici */</style>
Améliorer la mise en cache du navigateur
Configurer les en-têtes de réponse HTTP pour renforcer la politique de cache et éviter les requêtes redondantes.
Gain: 0.6s
Configurer les en-têtes de réponse HTTP pour renforcer la politique de cache et éviter les requêtes redondantes.
Cache-Control: max-age=31536000
Serveur de contenu rapide
Utiliser un Content Delivery Network (CDN) pour réduire la latence et améliorer la vitesse de distribution des ressources.
Gain: 0.4s
Utiliser un Content Delivery Network (CDN) pour réduire la latence et améliorer la vitesse de distribution des ressources.
Mise en œuvre du lazy-loading
Charger les images à la demande lorsque l'utilisateur défile vers le bas de la page.
Gain: 0.2s
Charger les images à la demande lorsque l'utilisateur défile vers le bas de la page.
<img src='image.jpg' loading='lazy'>
Optimiser le chargement des polices
Utiliser la technique de préchargement et de sous-ensemble des polices web pour réduire le temps de chargement initial.
Gain: 0.2s
Utiliser la technique de préchargement et de sous-ensemble des polices web pour réduire le temps de chargement initial.
<link rel='preload' href='font.woff2' as='font' type='font/woff2' crossorigin='anonymous'>