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

Le site Web www.reebok.eu affiche des performances modérées, avec un score PageSpeed de 70 sur mobile et 80 sur desktop. Ces résultats indiquent des performances respectables mais en deçà des standards optimaux. Le temps de chargement rapide de 0.19 seconde est un point positif, mais la taille de la page de 496 KB pourrait encore être optimisée. Les éléments qui ralentissent principalement le site peuvent être attribués à des ressources non optimisées, telles que les images ou les scripts JavaScript trop lourds. Par rapport aux standards mobile-first, il est crucial d'atteindre des scores plus élevés sur mobile pour assurer une expérience utilisateur fluide et réduire le taux de rebond potentiel.

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
Activer la compression GZIP/Brotli

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

⏱️ Temps estimé: 30 minutes

Easy
#2
Implémenter le Lazy Loading pour les images

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

⏱️ Temps estimé: 1 heure

Easy
#3
Minifier CSS et JavaScript

💡 Impact: Réduction de la taille des fichiers de 20-30%

⏱️ Temps estimé: 1 heure

Easy

⚙️ Optimisations Recommandées (7)

Optimiser les images

Réduire la taille des images en utilisant des formats modernes comme WebP.

Gain: 0.6s
🛠️ Outils recommandés:
ImageOptim Squoosh
📊 Difficulté:
Medium
Retarder le chargement des JS

Appliquer le chargement différé aux scripts non critiques.

Gain: 0.3s
🛠️ Outils recommandés:
Lighthouse Webpack
📊 Difficulté:
Medium
💻 Exemple de code:
<script async src='script.js'></script>
Précharger les polices

Précharger les polices pour un rendu plus rapide.

Gain: 0.2s
🛠️ Outils recommandés:
Google Fonts Font Display
📊 Difficulté:
Low
💻 Exemple de code:
<link rel='preload' href='font.woff2' as='font' type='font/woff2' crossorigin='anonymous'>
Activer la mise en cache du navigateur

Configurer des en-têtes de cache pour les ressources statiques.

Gain: 0.5s
🛠️ Outils recommandés:
Google PageSpeed Insights Chrome DevTools
📊 Difficulté:
Low
💻 Exemple de code:
Cache-Control: max-age=31536000
Activer la compression

Utiliser Gzip ou Brotli pour compresser le transfert de données.

Gain: 0.4s
🛠️ Outils recommandés:
Gzip Brotli
📊 Difficulté:
Medium
💻 Exemple de code:
AddOutputFilterByType DEFLATE text/html text/plain text/xml
Utiliser un CDN

Déployer un CDN pour distribuer le contenu plus efficacement.

Gain: 0.8s
🛠️ Outils recommandés:
Cloudflare Akamai
📊 Difficulté:
High
Minifier le CSS

Réduire la taille des fichiers CSS en supprimant espaces et commentaires.

Gain: 0.1s
🛠️ Outils recommandés:
CSSNano PostCSS
📊 Difficulté:
Low