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

Actuellement, reebok.eu montre un score de performance de 70/100 sur mobile et 80/100 sur desktop selon PageSpeed Insights. Ces scores sont passables, mais présentent des opportunités d'amélioration, notamment sur mobile, où l'expérience de l'utilisateur est plus critique. Le temps de chargement rapide de 0.38 secondes est bon, mais la taille de la page de 495.67 KB pourrait être optimisée pour des connexions mobiles plus lentes. Les principales causes des ralentissements incluent de possibles optimisations au niveau du rendu des images, de la gestion des fichiers JavaScript et CSS, ainsi que de la mise en cache. Par rapport aux normes actuelles de mobile-first, les scores devraient viser au minimum 85/100. Le site a besoin d'améliorations pour atteindre les standards de Google en matière de Web Vitals, en particulier pour les utilisateurs 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
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
Minifier CSS et JavaScript

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

⏱️ Temps estimé: 1 heure

Easy
#3
Utiliser un CDN pour distribuer le contenu

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

⏱️ Temps estimé: 1-2 heures

Medium

⚙️ Optimisations Recommandées (6)

Optimiser les images

Compresser les images et utiliser des formats modernes comme WebP.

Gain: 0.5s
🛠️ Outils recommandés:
ImageOptim Squoosh
📊 Difficulté:
Medium
Reporter le chargement des scripts

Utiliser des attributs async ou defer pour les scripts qui ne doivent pas bloquer le rendu initial.

Gain: 0.8s
🛠️ Outils recommandés:
Webpack Parcel
📊 Difficulté:
Medium
💻 Exemple de code:
<script src='script.js' defer></script>
Activer la mise en cache du navigateur

Configurer les en-têtes HTTP pour que le cache du navigateur soit utilisé efficacement.

Gain: 1.0s
🛠️ Outils recommandés:
Apache Nginx
📊 Difficulté:
Low
💻 Exemple de code:
Cache-Control: max-age=31536000
Minifier CSS

Réduire la taille des fichiers CSS en supprimant tout ce qui n'est pas nécessaire.

Gain: 0.2s
🛠️ Outils recommandés:
Clean-CSS cssnano
📊 Difficulté:
Low
Précharger les polices

Utiliser link rel='preload' pour les polices critiques.

Gain: 0.3s
🛠️ Outils recommandés:
Google Fonts Font Optimizer
📊 Difficulté:
Medium
💻 Exemple de code:
<link rel='preload' href='font.woff2' as='font' type='font/woff2' crossorigin='anonymous'>
Activer la compression gzip

Économise de la bande passante et accélère le temps de chargement en compressant les fichiers transmis.

Gain: 0.9s
🛠️ Outils recommandés:
Apache Nginx
📊 Difficulté:
Medium
💻 Exemple de code:
AddOutputFilterByType DEFLATE text/html text/plain text/xml