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 de Reebok présente des performances moyennes avec un score PageSpeed Insights de 70 sur 100 pour les appareils mobiles et 80 sur 100 pour les desktops. Ces résultats indiquent que, bien qu'il soit dans la moyenne, il y a un potentiel significatif d'amélioration, particulièrement sur mobile où l'engouement pour le mobile-first prédomine. La taille de la page est relativement modeste à 1.15 MB, ce qui est généralement acceptable, mais il est crucial de s'assurer que les ressources sont correctement optimisées pour réduire le temps de chargement initial. Les principaux problèmes identifiés incluent probablement des temps de chargement des éléments clés, en particulier le Largest Contentful Paint (LCP), qui impacte la première impression éprouvée par l'utilisateur et son interaction avec la page. Par rapport aux standards mobile-first, il est essentiel d'améliorer ces scores pour répondre aux attentes croissantes des utilisateurs pour des expériences rapides et fluides sur mobile.

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
Configurer la mise en cache navigateur

💡 Impact: Réduction du temps de chargement des visiteurs récurrents de 50-70%

⏱️ 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
#4
Retarder le chargement des scripts tiers

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

⏱️ Temps estimé: 1-2 heures

Medium

⚙️ Optimisations Recommandées (8)

Optimiser les images

Utiliser des formats d'image modernes tels que WEBP pour réduire la taille des images sans perte significative de qualité.

Gain: 0.5s
🛠️ Outils recommandés:
ImageMagick Squoosh
📊 Difficulté:
Medium
💻 Exemple de code:
n/a
Améliorer la stratégie de cache

Configurer le cache du navigateur pour que les ressources statiques soient mises en cache à long terme.

Gain: 0.3s
🛠️ Outils recommandés:
GTmetrix WebPageTest
📊 Difficulté:
Easy
💻 Exemple de code:
n/a
Réduire et différer le JavaScript

Minifier les fichiers JavaScript et utiliser le chargement différé pour les scripts non critiques.

Gain: 0.4s
🛠️ Outils recommandés:
Terser Webpack
📊 Difficulté:
Medium
💻 Exemple de code:
n/a
Optimiser les polices

Eviter les polices ne s'affichant pas correctement dès le premier rendu et utiliser les formats optimisés web tels que WOFF2.

Gain: 0.2s
🛠️ Outils recommandés:
Google Fonts Font Squirrel
📊 Difficulté:
Medium
💻 Exemple de code:
n/a
Activer la compression GZIP

Réduire la taille des fichiers transférés du serveur vers le navigateur pour diminuer les temps de chargement.

Gain: 0.2s
🛠️ Outils recommandés:
Apache Nginx
📊 Difficulté:
Easy
💻 Exemple de code:
n/a
Réduire l'impact des scripts tiers

Retarder le chargement des scripts tiers qui ne sont pas essentiels au contenu initial de la page.

Gain: 0.3s
🛠️ Outils recommandés:
Tag Manager Lighthouse
📊 Difficulté:
Hard
💻 Exemple de code:
n/a
Adopter un CDN

Utiliser un CDN pour améliorer la vitesse de livraison du contenu aux utilisateurs géographiquement dispersés.

Gain: 0.4s
🛠️ Outils recommandés:
Cloudflare Akamai
📊 Difficulté:
Medium
💻 Exemple de code:
n/a
Critiquer le CSS

Extraire le CSS critique et l'inclure dans le head pour améliorer le temps de rendu initial.

Gain: 0.1s
🛠️ Outils recommandés:
Critical PurgeCSS
📊 Difficulté:
Medium
💻 Exemple de code:
n/a