Performance & Vitesse

Analyse PageSpeed Insights et Core Web Vitals

📱 Performance Mobile

56
Score Lighthouse / 100

💻 Performance Desktop

81
Score Lighthouse / 100

🔍 Diagnostic de Performance IA

L'état actuel de la performance de www.apple.com montre une disparité entre les versions mobile et desktop. Avec un score de 56/100 sur mobile, il y a des significatifs ralentissements qui affectent négativement l'expérience utilisateur, surtout sur des connexions mobiles lentes. Le score desktop de 81/100 est meilleur mais indique encore des opportunités d'amélioration. Les principales causes des ralentissements incluent des ressources JavaScript lourdes, des images non optimisées et des problèmes liés au rendu du CSS bloquant. Étant donné que Google accorde de plus en plus d'importance à l'expérience mobile-first, il est crucial d'optimiser ces éléments pour offrir une expérience plus fluide et rapide aux utilisateurs.

Sélectionner l'appareil

📊 Scores Lighthouse Mobile

Performance
56
/ 100
🎯 SEO
92
/ 100
Accessibilité
100
/ 100
Best Practices
100
/ 100

🎯 Core Web Vitals Mobile

Survolez les métriques pour voir leur explication

🎨
10,5 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.
🖼️
17,3 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.
10,5 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.
⏱️
0 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
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,043ms
RAPIDE
🖼️
LCP
1,894ms
RAPIDE
📐
CLS
0
RAPIDE
Performance globale : RAPIDE

🌐 Métriques globales du domaine

🎨
FCP
2,386ms
MOYEN
🖼️
LCP
3,768ms
MOYEN
📐
CLS
1
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
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
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
#3
Implémenter le Lazy Loading pour les images

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

⏱️ Temps estimé: 1 heure

Easy

⚙️ Optimisations Recommandées (6)

Optimiser les images

Compresser les images et utiliser des formats modernes comme WebP pour réduire la taille du fichier et accélérer le chargement.

Gain: 1.2s
🛠️ Outils recommandés:
TinyPNG Squoosh
📊 Difficulté:
Medium
💻 Exemple de code:
img { max-width: 100%; height: auto; }
Réduire les payloads JavaScript

Utiliser des techniques de minification et de compression de fichiers JS afin de limiter la durée de traitement par le navigateur

Gain: 0.8s
🛠️ Outils recommandés:
Terser UglifyJS
📊 Difficulté:
High
💻 Exemple de code:
uglifyjs input.js -o output.min.js -m
Éliminer le CSS non utilisé

Supprimer les règles CSS inutilisées pour réduire la taille des fichiers CSS et accélérer le rendu.

Gain: 0.5s
🛠️ Outils recommandés:
PurgeCSS UnCSS
📊 Difficulté:
Medium
💻 Exemple de code:
purgecss --css styles.css --content index.html
Activer la mise en cache

Configurer des en-têtes de cache efficaces pour stocker les ressources statiques sur le navigateur de l'utilisateur

Gain: 0.9s
🛠️ Outils recommandés:
HTTP Headers Lighthouse
📊 Difficulté:
Low
💻 Exemple de code:
Cache-Control: max-age=31536000
Optimiser le chargement des polices

Utiliser le format ‘font-display: swap’ pour éviter les blocages lors du téléchargement des polices.

Gain: 0.4s
🛠️ Outils recommandés:
Google Fonts Font Squirrel
📊 Difficulté:
Medium
💻 Exemple de code:
font-display: swap;
Améliorer les temps de réponse du serveur

Utiliser un réseau de distribution de contenu (CDN) et réduire la charge serveur pour améliorer la réponse initiale.

Gain: 0.6s
🛠️ Outils recommandés:
Cloudflare AWS CloudFront
📊 Difficulté:
High
💻 Exemple de code:
N/A

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

8 liens trouvés

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:
  • • { "textLang": "en-US", "href": "https:\/\/www.apple.com\/iphone-17-pro\/", "text": "Learn more" }
  • • { "textLang": "en-US", "text": "Learn more", "href": "https:\/\/www.apple.com\/iphone-air\/" }
  • • { "text": "Learn more", "href": "https:\/\/www.apple.com\/macbook-pro\/", "textLang": "en-US" }
  • ... et 5 autre(s)