Performance & Vitesse

Analyse PageSpeed Insights et Core Web Vitals

📱 Performance Mobile

67
Score Lighthouse / 100

💻 Performance Desktop

95
Score Lighthouse / 100

🔍 Diagnostic de Performance IA

Le site serrurier-thomas.be présente d'excellentes performances sur desktop avec un score de 95, indiquant que l'expérience utilisateur est rapide sur ordinateur. Cependant, le score mobile de 67 pointe vers des optimisations nécessaires pour atteindre les standards mobile-first. Les utilisateurs mobiles risquent de rencontrer des délais de chargement qui pourraient affecter leur engagement. Les principales causes de ralentissement mobile incluent probablement une charge non optimisée des ressources, des scripts lourds ou des images non compressées. Les standards actuels placent l'accent sur l'amélioration de l'expérience mobile, et ce site pourrait bénéficier d'une attention particulière sur cette plateforme pour rester compétitif.

Sélectionner l'appareil

📊 Scores Lighthouse Mobile

Performance
67
/ 100
🎯 SEO
100
/ 100
Accessibilité
91
/ 100
Best Practices
96
/ 100

🎯 Core Web Vitals Mobile

Survolez les métriques pour voir leur explication

🎨
3.9 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.
🖼️
5.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.
5.3 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.
⏱️
90 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

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

⚙️ Optimisations Recommandées (7)

Optimiser les images

Réduire la taille des images en les compressant ou en utilisant des formats modernes comme WebP.

Gain: 0.8s
🛠️ Outils recommandés:
ImageOptim TinyPNG
📊 Difficulté:
Medium
💻 Exemple de code:
n/a
Activer le cache du navigateur

Configurer le cache pour que les ressources soient stockées localement et non rechargées à chaque visite.

Gain: 0.6s
🛠️ Outils recommandés:
Apache Nginx
📊 Difficulté:
Low
💻 Exemple de code:
AddOutputFilterByType DEFLATE text/html
Réduire le JS

Minimiser et différer l'exécution du script JavaScript pour réduire l'impact sur le chargement initial.

Gain: 0.5s
🛠️ Outils recommandés:
Webpack Gulp
📊 Difficulté:
High
💻 Exemple de code:
n/a
Optimiser les polices

Limiter l'utilisation des polices externes et activer la mise en cache pour réduire les temps de chargement.

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

Utiliser GZIP pour compresser le transfert des données de la page web.

Gain: 1.0s
🛠️ Outils recommandés:
Apache Nginx
📊 Difficulté:
Low
💻 Exemple de code:
gzip on;
Réduire le CSS

Minifier les fichiers CSS pour diminuer la charge de données inutile.

Gain: 0.3s
🛠️ Outils recommandés:
PostCSS CSSNano
📊 Difficulté:
Medium
💻 Exemple de code:
cssnano input.css -o output.css
Mettre en place le lazy-loading

Charger les images uniquement lorsque nécessaire pour réduire le temps de chargement initial.

Gain: 0.7s
🛠️ Outils recommandés:
Lazysizes
📊 Difficulté:
Medium
💻 Exemple de code:
<img src='image.jpg' loading='lazy'>