Performance & Vitesse

Analyse PageSpeed Insights et Core Web Vitals

📱 Performance Mobile

65
Score Lighthouse / 100

💻 Performance Desktop

91
Score Lighthouse / 100

🔍 Diagnostic de Performance IA

Les performances actuelles de www.loreal.com montrent un bon score sur desktop avec 91/100, mais un score réduit de 65/100 sur mobile, ce qui indique des opportunités d'amélioration pour les utilisateurs mobiles, un segment crucial à l'ère du mobile-first. Les problèmes identifiés semblent liés à des rendus lents qui peuvent entraîner une expérience utilisateur dégradée, notamment sur mobile, où les utilisateurs s'attendent à une rapidité et une fluidité optimales. La disparité entre les scores mobile et desktop suggère des optimisations possibles dans la gestion des ressources et du temps de chargement initial, potentiellement dues à des images non optimisées et des scripts bloquants. Selon les standards mobile-first de Google, un site performant doit offrir une page qui se charge rapidement avec des interactions fluides, ce qui n'est pas pleinement le cas ici.

Sélectionner l'appareil

📊 Scores Lighthouse Mobile

⚡ Performance
65
/ 100
🎯 SEO
83
/ 100
♿ Accessibilité
87
/ 100
✨ Best Practices
96
/ 100

🎯 Core Web Vitals Mobile

Survolez les métriques pour voir leur explication

🎨
3,4 s
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.
🖼️
7,7 s
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.
⚡
3,9 s
Speed Index
Survolez pour plus d'infos
⚡
Speed Index
Vitesse à laquelle le contenu s'affiche visuellement. Bon < 3.4s
Mesure la rapidité perçue du chargement de la page.
⏱️
180 ms
Total Blocking Time
Survolez pour plus d'infos
⏱️
Total Blocking Time
Temps où la page est bloquée et non interactive. Bon < 200ms
Affecte la réactivité et l'expérience utilisateur.
📐
0,014
Cumulative Layout Shift
Survolez pour plus d'infos
📐
Cumulative Layout Shift
Mesure la stabilité visuelle (éviter les décalages). Bon < 0.1
Core Web Vital - évite les clics accidentels.
👥

Données Utilisateurs Réels (CrUX)

Basé sur les données Chrome User Experience Report - Utilisateurs réels sur les 28 derniers jours

📊 Métriques de cette page spécifique

🎨
FCP
1,604ms
RAPIDE
🖼️
LCP
2,399ms
RAPIDE
📐
CLS
1
RAPIDE
⚠️
Performance globale : MOYEN

🌐 Métriques globales du domaine

🎨
FCP
2,271ms
MOYEN
🖼️
LCP
2,870ms
MOYEN
📐
CLS
0
RAPIDE
💡 Info : Les données CrUX reflètent l'expérience réelle des utilisateurs Chrome. Elles peuvent différer des tests Lighthouse (laboratoire).

📋 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
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
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

⚙️ Optimisations Recommandées (6)

Optimiser les images

Réduire la taille des images en utilisant des formats de nouvelle génération comme WebP.

Gain: 1.2s
🛠️ Outils recommandés:
Squoosh ImageMagick
📊 Difficulté:
Medium
Minimiser CSS et JS

Compresser et combiner les fichiers CSS et JS pour réduire le poids.

Gain: 0.8s
🛠️ Outils recommandés:
Terser CSSNano
📊 Difficulté:
Medium
Mise en cache efficace

Utiliser la mise en cache des ressources pour accélérer les chargements récurrents.

Gain: 0.9s
🛠️ Outils recommandés:
Varnish nginx
📊 Difficulté:
Low
Activer le lazy loading

Charger les images et vidéos au défilement pour réduire l'impact initial.

Gain: 0.5s
🛠️ Outils recommandés:
IntersectionObserver lazysizes
📊 Difficulté:
Low
Précharger les polices

Précharger les polices nécessaires pour d'améliorer la vitesse de rendu.

Gain: 0.3s
🛠️ Outils recommandés:
Google Fonts FontFace
📊 Difficulté:
Low
Réduire les scripts tierce partie

Retirer ou différer les scripts de tiers pour diminuer la latence.

Gain: 0.7s
🛠️ Outils recommandés:
Tag Manager ScriptSafe
📊 Difficulté:
High

⚠️ Le document ne contient pas d'attribut "meta description" (Score: 0%)

Les résultats de recherche peuvent inclure des attributs "meta description" pour résumer de façon concise le contenu de la page. [En savoir plus sur la meta description](https://developer.chrome.com/docs/lighthouse/seo/meta-description/)

⚠️ Les liens ne contiennent pas de texte descriptif (Score: 0%)

1 lien trouvé
Le texte descriptif d'un lien aide les moteurs de recherche à comprendre votre contenu. [Découvrez comment rendre les liens plus accessibles.](https://developer.chrome.com/docs/lighthouse/seo/link-text/)
📋 Éléments concernés:
  • • { "href": "https:\/\/www.loreal.com\/en\/group\/global-privacy-policy\/", "text": "More information", "textLang": "en" }