Performance & Vitesse

Analyse PageSpeed Insights et Core Web Vitals

📱 Performance Mobile

55
Score Lighthouse / 100

💻 Performance Desktop

N/A
Données non collectées

🔍 Diagnostic de Performance IA

Actuellement, le site web 'www.rosseladvertising.be' présente des performances préoccupantes, obtenant un score de 55/100 sur mobile et 0/100 sur desktop. Cela indique des problèmes majeurs qui affectent l'expérience utilisateur, en particulier sur desktop où le chargement est extrêmement long. Ces problèmes peuvent entraîner un taux de rebond élevé et affecter négativement l'engagement des utilisateurs. Les principales causes de ces ralentissements pourraient inclure des images non optimisées, un mauvais chargement des ressources JavaScript et CSS, ainsi qu'un serveur potentiellement lent. Cette performance est largement inférieure aux standards actuels du mobile-first, où Google met l'accent sur la rapidité et la réactivité sur les appareils mobiles.

Sélectionner l'appareil

📊 Scores Lighthouse Mobile

⚡ Performance
55
/ 100
🎯 SEO
75
/ 100
♿ Accessibilité
88
/ 100
✨ Best Practices
75
/ 100

🎯 Core Web Vitals Mobile

Survolez les métriques pour voir leur explication

🎨
6.2 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.
🖼️
26.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.
⚡
13.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.
⏱️
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.

📋 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 (6)

Optimiser les images

Réduisez les tailles d'image en utilisant des formats modernes comme WebP et en compressant les images sans perte de qualité.

Gain: 1.5s
🛠️ Outils recommandés:
ImageOptim TinyPNG
📊 Difficulté:
Medium
Activater le cache du navigateur

Configurez le cache du navigateur pour réduire le nombre de requêtes HTTP et améliorer les temps de chargement futurs.

Gain: 0.8s
🛠️ Outils recommandés:
htaccess Cloudflare
📊 Difficulté:
Low
💻 Exemple de code:
Cache-Control: max-age=31536000, immutable
Réduire le poids du JavaScript

Analysez et réduisez les dépôts JavaScript lourds qui ralentissent le rendu de la page.

Gain: 1.3s
🛠️ Outils recommandés:
Webpack Parcel
📊 Difficulté:
High
Minifier le CSS

Utilisez des outils de minification pour réduire les fichiers CSS de taille importante.

Gain: 0.7s
🛠️ Outils recommandés:
CSSNano PurgeCSS
📊 Difficulté:
Medium
Optimiser le temps de réponse du serveur

Réduisez le temps de réponse du serveur en optimisant la configuration et en améliorant l'infrastructure si nécessaire.

Gain: 1.0s
🛠️ Outils recommandés:
Nginx config Apache tuning
📊 Difficulté:
High
Précharger les polices

Utilisez le préchargement pour charger les polices importantes afin de réduire les retards de rendu.

Gain: 0.5s
🛠️ Outils recommandés:
Google Fonts Font-display
📊 Difficulté:
Low
💻 Exemple de code:
<link rel="preload" href="/fonts/font.woff2" as="font" type="font/woff2" crossorigin="anonymous">

⚠️ Document does not have a meta description (Score: 0%)

Meta descriptions may be included in search results to concisely summarize page content. [Learn more about the meta description](https://developer.chrome.com/docs/lighthouse/seo/meta-description/).

⚠️ 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:

⚠️ Image elements do not have `[alt]` attributes (Score: 0%)

Informative elements should aim for short, descriptive alternate text. Decorative elements can be ignored with an empty alt attribute. [Learn more about the `alt` attribute](https://dequeuniversity.com/rules/axe/4.10/image-alt).
📋 Éléments concernés:
  • • { "node": { "explanation": "Fix any of the following:\n Element does not have an alt attribute\n aria-label attribute does not exist or is empty\n aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty\n Element has no title attribute\n Element's default semantics were not overridden with role=\"none\" or role=\"presentation\"", "snippet": "", "type": "node", "boundingRect": { "width": 200, "right": 221, "height": 49, "top": 23, "bottom": 73, "left": 21 }, "selector": "div.header-wrapper > div.logo > a > img.-xs-only", "nodeLabel": "div.header-wrapper > div.logo > a > img.-xs-only", "lhId": "1-1-IMG", "path": "5,HTML,1,BODY,5,DIV,1,DIV,1,DIV,0,HEADER,0,DIV,0,DIV,0,A,1,IMG" } }
  • • { "node": { "path": "5,HTML,1,BODY,5,DIV,1,DIV,5,DIV,0,DIV,4,DIV,3,DIV,1,P,0,A,0,IMG", "type": "node", "snippet": "", "boundingRect": { "height": 209, "left": 20, "bottom": 2768, "top": 2559, "width": 372, "right": 392 }, "selector": "div.cases > p.column > a > img", "explanation": "Fix any of the following:\n Element does not have an alt attribute\n aria-label attribute does not exist or is empty\n aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty\n Element has no title attribute\n Element's default semantics were not overridden with role=\"none\" or role=\"presentation\"", "nodeLabel": "div.cases > p.column > a > img", "lhId": "1-2-IMG" } }
  • • { "node": { "path": "5,HTML,1,BODY,5,DIV,1,DIV,5,DIV,0,DIV,4,DIV,3,DIV,1,P,1,A,0,IMG", "type": "node", "lhId": "1-3-IMG", "snippet": "", "boundingRect": { "height": 209, "bottom": 3046, "right": 392, "left": 20, "width": 372, "top": 2837 }, "explanation": "Fix any of the following:\n Element does not have an alt attribute\n aria-label attribute does not exist or is empty\n aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty\n Element has no title attribute\n Element's default semantics were not overridden with role=\"none\" or role=\"presentation\"", "selector": "div.cases > p.column > a > img", "nodeLabel": "div.cases > p.column > a > img" } }
  • ... et 6 autre(s)