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 du site www.reebok.eu montre des scores PageSpeed Insights de 70/100 pour mobile et 80/100 pour desktop. Ces scores indiquent que le site a besoin d'améliorations, surtout sur mobile, où la performance est cruciale pour l'expérience utilisateur. Les ralentissements sont principalement dus à la taille de la page, qui atteint près de 496 KB, et un temps de chargement de 0.14 secondes. Bien que le temps de chargement semble rapide, des éléments tels que le Largest Contentful Paint (LCP) et d'autres Web Vitals peuvent être améliorés pour atteindre les standards du mobile-first. L'expérience utilisateur est impactée par des temps de chargement prolongés des contenus principaux, ce qui peut entraîner une augmentation du taux de rebond et une diminution des conversions.

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
Minifier CSS et JavaScript

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

⏱️ Temps estimé: 1 heure

Easy
#3
Précharger les ressources critiques (CSS, fonts)

💡 Impact: Réduction du temps de First Contentful Paint de 0.5-1s

⏱️ Temps estimé: 45 minutes

Medium

⚙️ Optimisations Recommandées (7)

Optimiser les images

Utiliser des formats d'image modernes tels que WebP pour réduire la taille des fichiers.

Gain: 0.5s
🛠️ Outils recommandés:
ImageOptim Squoosh
📊 Difficulté:
Medium
💻 Exemple de code:
<img src='image.webp'>
Activer le lazy loading

Charger les images uniquement lorsqu'elles entrent dans le viewport.

Gain: 0.3s
🛠️ Outils recommandés:
Lighthouse WebPageTest
📊 Difficulté:
Low
💻 Exemple de code:
<img loading='lazy'>
Mettre en œuvre le caching aggressive

Utiliser des headers de cache pour stocker les ressources côté client.

Gain: 0.2s
🛠️ Outils recommandés:
Chrome DevTools GTmetrix
📊 Difficulté:
Medium
💻 Exemple de code:
Cache-Control: max-age=31536000
Extraire le CSS critique

Incorporer le CSS essentiel nécessaire pour le rendu initial du site.

Gain: 0.4s
🛠️ Outils recommandés:
Critical PurgeCSS
📊 Difficulté:
High
💻 Exemple de code:
<style>/* Critical CSS */</style>
Réduire le temps de réponse du serveur

Optimiser la configuration du serveur pour des réponses plus rapides.

Gain: 0.2s
🛠️ Outils recommandés:
Pingdom WebPageTest
📊 Difficulté:
High
💻 Exemple de code:
N/A
Minifier le JavaScript

Réduire la taille des fichiers JavaScript pour des téléchargements plus rapides.

Gain: 0.1s
🛠️ Outils recommandés:
UglifyJS Terser
📊 Difficulté:
Medium
💻 Exemple de code:
uglifyjs script.js -o script.min.js
Optimiser les polices

Utiliser des polices localement hébergées pour réduire les temps de chargement.

Gain: 0.2s
🛠️ Outils recommandés:
Google Fonts Font Squirrel
📊 Difficulté:
Medium
💻 Exemple de code:
@font-face { /* Custom font style */ }