Performance & Vitesse

Analyse PageSpeed Insights et Core Web Vitals

📱 Performance Mobile

70
Score Lighthouse / 100

💻 Performance Desktop

80
Score Lighthouse / 100

🔍 Diagnostic de Performance IA

L'état actuel de la performance de bonjourdrink.co montre quelques opportunités d'amélioration, surtout sur mobile où le score est de 70/100. Le site charge en environ 0.19 secondes avec une taille de page de 780.4 KB, ce qui est relativement léger, mais des opportunités d'optimisation du code et des ressources existent. Les scores actuels impactent potentiellement l'expérience utilisateur en offrant un temps de chargement perçu plus long et une interactivité initiale retardée. Les principales causes des ralentissements incluent probablement une optimisation sous-optimale des images et une gestion des ressources critiques CSS/JavaScript. Selon les standards mobile-first, il serait avantageux d'atteindre des scores supérieurs afin de garantir l'accessibilité et une expérience fluide sur un plus large éventail d'appareils utilisateurs.

Sélectionner l'appareil

📊 Scores Lighthouse Mobile

⚡ Performance
70
/ 100
🎯 SEO
0
/ 100
♿ Accessibilité
0
/ 100
✨ Best Practices
0
/ 100

🎯 Core Web Vitals Mobile

Survolez les métriques pour voir leur explication

🎨
1.8s
First Contentful Paint
Survolez pour plus d'infos
🎨
First Contentful Paint
Temps avant que le premier élément de contenu (texte, image) soit visible. Bon < 1.8s
Impacte la perception de vitesse par l'utilisateur.
🖼️
2.4s
Largest Contentful Paint
Survolez pour plus d'infos
🖼️
Largest Contentful Paint
Temps avant que le plus grand élément visible soit chargé. Bon < 2.5s
Core Web Vital crucial pour le SEO Google.

📋 Audits détaillés

🚀 Quick Wins - Actions Rapides

#1
Implémenter le Lazy Loading pour les images

💡 Impact: Amélioration du temps de chargement initial de 30-40%

⏱️ Temps estimé: 1 heure

Easy
#2
Activer la compression GZIP/Brotli

💡 Impact: Réduction de 60-80% de la taille des fichiers transférés

⏱️ Temps estimé: 30 minutes

Easy
#3
Réorganiser le chargement des scripts pour inclure 'defer'

💡 Impact: Amélioration de la performance globale du site

⏱️ Temps estimé: 1-2 heures

Medium

⚙️ Optimisations Recommandées (7)

Optimiser les images

Réduire la taille des images à l'aide de formats modernes comme WebP.

Gain: 0.5s
🛠️ Outils recommandés:
TinyPNG ImageOptim
📊 Difficulté:
Medium
Retarder le JavaScript non critique

Utiliser l'attribut 'defer' sur les scripts JavaScript pour améliorer le LCP.

Gain: 0.4s
🛠️ Outils recommandés:
Lighthouse Webpack
📊 Difficulté:
Medium
💻 Exemple de code:
<script src='exemple.js' defer></script>
Activer la compression

Activer la compression GZIP pour réduire la taille des ressources transférées.

Gain: 0.2s
🛠️ Outils recommandés:
Brotli GZIP
📊 Difficulté:
Low
💻 Exemple de code:
server { gzip on; }
Mise en cache efficace

Définir des en-têtes de mise en cache pour les ressources statiques.

Gain: 0.3s
🛠️ Outils recommandés:
Cache-Control Nginx
📊 Difficulté:
Low
💻 Exemple de code:
Cache-Control: max-age=31536000
Précharger les polices

Utiliser le préchargement de polices via 'preload' pour réduire le FID.

Gain: 0.2s
🛠️ Outils recommandés:
Google Fonts Font-loading
📊 Difficulté:
Low
💻 Exemple de code:
<link rel='preload' href='font.woff2' as='font'>
Limiter les scripts tiers

Réduire l'impact des scripts tiers sur le temps de chargement.

Gain: 0.3s
🛠️ Outils recommandés:
HubSpot Tag Manager
📊 Difficulté:
High
Inline Critical CSS

Intégrer le CSS critique directement dans le HTML pour améliorer le rendu initial.

Gain: 0.4s
🛠️ Outils recommandés:
Critical PurgeCSS
📊 Difficulté:
High