/LightHouse-Test

LightHouse Test est un outil en ligne de commande qui analyse la performance, l'accessibilité, les meilleures pratiques et le SEO des sites web en utilisant Lighthouse.

Primary LanguagePython

LightHouse Test

Capture d’écran 2024-10-25 à 16 09 30

LightHouse Test est un outil en ligne de commande permettant d'analyser la performance, l'accessibilité, les meilleures pratiques et le SEO des sites web en utilisant Lighthouse.

Fonctionnalités

  • Analyse automatique des performances pour mobile et desktop.
  • Visualisation des scores dans les catégories suivantes :
    • Performance
    • Accessibilité
    • Meilleures Pratiques
    • SEO
    • First Contentful Paint (FCP)
    • Largest Contentful Paint (LCP)
    • Total Blocking Time (TBT)
    • Cumulative Layout Shift (CLS)
    • Speed Index
  • Export des données sous forme de tableau excel .xlsx

Installation

Prérequis: Node 2, Python 3.x et lighthouse npm

Avant d'exécuter ce script, assurez-vous d'avoir installé Node.js et Lighthouse.

Vous pouvez installer Lighthouse en exécutant la commande suivante :

npm install -g lighthouse

Utilisation Clonez ce dépôt sur votre machine locale :

git clone https://github.com/BreakingTechFr/LightHouse-Test.git

Se rendre dans le dossier d'installation :

cd lighthouse-test

Installer les bibliothèques requises :

pip install -r requirements.txt

Exécutez le script :

python lighthouse_test.py

Suivez les instructions affichées à l'écran pour tester des URL.

Capture d’écran 2024-10-25 à 17 54 54

Ouvrez le fichier .xlsx pour revoir ultérieurement les scores obtenus

Capture d’écran 2024-10-25 à 17 55 30

Pour ceux qui veulent une version Docker de ce programme vous avez le lien ici : https://hub.docker.com/r/breakingtechfr/lighthouse-test

Affichage des résultats

  • Affichage des résultats avec un code couleur pour une interprétation rapide :
    • 🟢 Vert : Bon résultat.
    • 🟡 Jaune : Moyen.
    • 🔴 Rouge : Doit être amélioré.

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

Scores pour Desktop

  • First Contentful Paint (FCP) : Temps nécessaire pour que le premier élément de contenu soit rendu sur la page.

    • Vert : 0 à 0.94 seconde
    • Jaune : 0.95 à 1.6 secondes
    • Rouge : Plus de 2.5 secondes
  • Largest Contentful Paint (LCP) : Temps nécessaire pour que le plus grand élément de contenu visible soit rendu.

    • Vert : 0 à 1.21 secondes
    • Jaune : 1.22 à 2.41 secondes
    • Rouge : Plus de 2.41 secondes
  • Total Blocking Time (TBT) : Temps total pendant lequel la page est bloquée pour les interactions (c'est-à-dire que les utilisateurs ne peuvent pas interagir avec la page).

    • Vert : 0 à 150 millisecondes
    • Jaune : 151 à 350 millisecondes
    • Rouge : Plus de 350 millisecondes
  • umulative Layout Shift (CLS) : Stabilité visuelle de la page. Un score faible indique moins de décalages de contenu inattendus.

    • Vert : 0 à 0.1
    • Jaune : 0.11 à 0.25
    • Rouge : Plus de 0.25
  • Speed Index : Mesure de la rapidité à laquelle le contenu est visible pour l'utilisateur.

    • Vert : 0 à 1.32 secondes
    • Jaune : 1.33 à 2.31 secondes
    • Rouge : Plus de 2.31 secondes

Scores pour Mobile

  • First Contentful Paint (FCP) : Temps nécessaire pour que le premier élément de contenu soit rendu sur la page.

    • Vert : 0 à 1.82 seconde
    • Jaune : 1.83 à 3.01 secondes
    • Rouge : Plus de 3.01 secondes
  • Largest Contentful Paint (LCP) : Temps nécessaire pour que le plus grand élément de contenu visible soit rendu.

    • Vert : 0 à 2.52 secondes
    • Jaune : 2.53 à 4.01 secondes
    • Rouge : Plus de 4.01 secondes
  • Total Blocking Time (TBT) : Temps total pendant lequel la page est bloquée pour les interactions (c'est-à-dire que les utilisateurs ne peuvent pas interagir avec la page).

    • Vert : 0 à 200 millisecondes
    • Jaune : 201 à 600 millisecondes
    • Rouge : Plus de 600 millisecondes
  • umulative Layout Shift (CLS) : Stabilité visuelle de la page. Un score faible indique moins de décalages de contenu inattendus.

    • Vert : 0 à 0.1
    • Jaune : 0.11 à 0.25
    • Rouge : Plus de 0.25
  • Speed Index : Mesure de la rapidité à laquelle le contenu est visible pour l'utilisateur.

    • Vert : 0 à 3.42 secondes
    • Jaune : 3.43 à 5.82 secondes
    • Rouge : Plus de 5.82 secondes

Suivez-nous