Performance & Vitesse

Analyse PageSpeed Insights et Core Web Vitals

📱 Performance Mobile

76
Score Lighthouse / 100

💻 Performance Desktop

95
Score Lighthouse / 100

🔍 Diagnostic de Performance IA

La performance actuelle de finday.be montre une bonne performance sur les ordinateurs de bureau avec un score de 95 mais demeure moyenne sur les appareils mobiles avec un score de 76. L'impact sur l'expérience utilisateur est significatif, car la rapide performance des sites est cruciale pour maintenir l'engagement sur mobile, qui est désormais la première priorité aux yeux de Google. Les défaillances en termes de performance mobile pourraient se traduire par des temps de chargement plus longs, entraînant potentiellement une baisse des taux de rétention et de conversion. Les causes probables des carences viennent souvent d'images non optimisées, de scripts JavaScript lourds et de polices personnalisées trop volumineuses ou non optimisées pour les mobiles. Par rapport aux standards mobile-first, ces ralentissements peuvent nuire au classement dans les résultats de recherche mobile, affectant ainsi directement la visibilité et le trafic organique du site.

Sélectionner l'appareil

📊 Scores Lighthouse Mobile

Performance
76
/ 100
🎯 SEO
92
/ 100
Accessibilité
79
/ 100
Best Practices
100
/ 100

🎯 Core Web Vitals Mobile

Survolez les métriques pour voir leur explication

🎨
1.8 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.
🖼️
6.0 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.2 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.
⏱️
80 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.025
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,275ms
RAPIDE
🖼️
LCP
1,878ms
RAPIDE
📐
CLS
1
RAPIDE
Performance globale : RAPIDE

🌐 Métriques globales du domaine

🎨
FCP
1,162ms
RAPIDE
🖼️
LCP
1,712ms
RAPIDE
📐
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
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
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
Minifier CSS et JavaScript

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

⏱️ Temps estimé: 1 heure

Easy

⚙️ Optimisations Recommandées (8)

Optimiser les images

Compresser et redimensionner les images pour réduire le temps de chargement surtout sur mobile.

Gain: 1.5s
🛠️ Outils recommandés:
TinyPNG ImageOptim
📊 Difficulté:
Medium
💻 Exemple de code:
<img src='image.jpg' width='300' height='auto'>
Retarder les JavaScript non essentiels

Déplacer des scripts JavaScript vers la fin du corps ou utiliser le chargement asynchrone pour améliorer le temps de rendu initial.

Gain: 0.8s
🛠️ Outils recommandés:
Lighthouse Webpack
📊 Difficulté:
High
💻 Exemple de code:
<script src='script.js' async></script>
Précharger les polices

Utiliser le préchargement pour charger les polices importantes rapidement afin d'éviter les retards de rendu.

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

Activer la compression Gzip ou Brotli sur le serveur pour réduire la taille des fichiers et améliorer les temps de chargement.

Gain: 0.5s
🛠️ Outils recommandés:
Nginx Apache
📊 Difficulté:
Low
💻 Exemple de code:
AddOutputFilterByType DEFLATE text/html
Utiliser le caching du navigateur

Configurer les en-têtes de cache pour que les navigateurs stockent ces ressources localement.

Gain: 1.0s
🛠️ Outils recommandés:
Cloudflare AWS CloudFront
📊 Difficulté:
Low
💻 Exemple de code:
Cache-Control: max-age=31536000
Minifier HTML

Réduire la taille du code HTML pour diminuer le temps de transfert réseau.

Gain: 0.3s
🛠️ Outils recommandés:
HTMLMinifier
📊 Difficulté:
Low
💻 Exemple de code:
minifier index.html -o index.min.html
Réduire le nombre de requêtes HTTP

Combiner des fichiers CSS et JavaScript pour réduire le nombre de requêtes HTTP.

Gain: 0.7s
🛠️ Outils recommandés:
Webpack Gulp
📊 Difficulté:
Medium
💻 Exemple de code:
output: { filename: 'bundle.js' }
Minifier CSS

Compresser les fichiers CSS pour réduire leur taille et accélérer le temps de chargement.

Gain: 0.4s
🛠️ Outils recommandés:
CSSNano
📊 Difficulté:
Low
💻 Exemple de code:
cssnano input.css output.css

⚠️ Links are not crawlable (Score: 0%)

Search engines may use `href` attributes on links to crawl websites. Ensure that the `href` attribute of anchor elements links to an appropriate destination, so more pages of the site can be discovered. [Learn how to make links crawlable](https://support.google.com/webmasters/answer/9112205)
📋 Éléments concernés:
  • • { "node": { "selector": "div.row > div#be2ds-stepType > div.step > a.linkcta", "nodeLabel": "voir plus de mensualités", "boundingRect": { "top": 609, "right": 400, "left": 12, "width": 388, "bottom": 633, "height": 24 }, "path": "1,HTML,1,BODY,7,DIV,3,MAIN,2,DIV,0,DIV,0,SECTION,1,FORM,1,DIV,0,DIV,4,DIV,3,A", "type": "node", "lhId": "1-16-A", "snippet": "" } }