lighthouse

Le logiciel de test Web Lighthouse Tool est un outil très utile pour vérifier les performances du site. Il existe différents outils pour vérifier les performances d’un site, Lighthouse étant l’un d’entre eux. Cet outil a été créé comme une extension pour l’installation sur Google Chrome. Ce plugin est très facile à utiliser et peut améliorer les performances du site Web.

Lighthouse est un outil open source conçu pour améliorer la qualité des pages Web. Vous pouvez exécuter cet outil pour n’importe quel site Web. Vous pouvez également exécuter Lighthouse sur Chrome DevTools ou l’installer en tant qu’extension dans le navigateur Chrome.
Chrome DevTools comprend une suite d’outils de développement Web qui s’exécutent directement sur le navigateur Google Chrome. DevTools peut vous aider à diagnostiquer rapidement les problèmes. En fin de compte, cela vous aide à créer rapidement un meilleur site Web et à le rendre public.
Lighthouse effectue les révisions nécessaires, puis rend compte du fonctionnement de la page. Le rapport résultant passe en revue tous les problèmes importants et attribue une note à chacun. Il décrit également les méthodes de correction de tous les cas.

Test de qualité du site Web

Les tests de qualité du site sont faciles avec les outils Lighthouse. L’outil Lighthouse examine dix mesures SEO importantes. L’outil n’est pas de grande taille et de dimensions et comme on dit, il peut être facilement installé sur le navigateur Chrome. Les dix critères examinés par ce plugin sont les suivants.

  • Balise Meta
  • Code d’état HTTP
  • Fenêtre
  • titre de la page
  • Meta descriptio
  • Texte descriptif sur les liens
  • Vérifier l’état et l’index des pages sur Google
  • Avis sur Hreflang
  • Rel = revue canonique
  • Vérifiez la police du site Web et sa compatibilité avec les appareils mobiles
  • Accessibilité des plugins de navigateur aux pages du site

Ignorer l’outil Lighthouse n’est peut-être pas très important, mais il examine dix mesures importantes sur votre site Web. Étant donné que ces statistiques sont très importantes pour Google, je vous recommande de ne pas sous-estimer cet outil et d’obtenir de l’aide pour analyser votre site Web.

Testez la vitesse du site avec Google

Google Speed ​​Testing nécessite un outil dont Lighthouse fait partie. Pour utiliser cet outil, vous devez d’abord installer cet outil de plug-in sur votre navigateur Google Chrome, puis suivez les étapes ci-dessous. Pour installer cette extension sur Google Chrome, cliquez d’abord sur l’icône à trois points en haut à droite du navigateur. Après avoir cliqué sur trois points, sélectionnez Plus d’outils, puis cliquez sur Extensions. Le processus est illustré dans la figure suivante.

lighthouse

Vous pouvez saisir l’adresse des extensions chrome: // dans le navigateur Chrome au lieu de suivre ces étapes. Après vous être connecté à la page des plugins WordPress dans le menu de gauche, cliquez sur Ouvrir Chrome Web Store. Dans la zone de recherche, entrez le nom de l’extension, qui est Phare.

Image associée

Maintenant, dans la liste des plugins que vous voyez, sélectionnez le phare et cliquez sur Ajouter à Chrome. Après avoir cliqué sur la fenêtre suivante s’ouvrira pour vous que vous devez cliquer à nouveau sur Ajouter une extension.

Testez la vitesse du site avec Google

Après avoir ajouté le plugin, vous verrez que le plugin a été ajouté à la barre supérieure de Google Chrome.

Analyse complète du site Web

L’analyse complète du site Web avec le plugin Lighthouse est facile. Recherchez simplement l’adresse du site que vous essayez d’analyser dans le navigateur Chrome. Une fois connecté, cliquez sur l’icône Phare dans la barre d’adresse. Vous verrez à la fois Options et Générer un rapport. Cliquez sur Générer le rapport, vous verrez qu’après quelques secondes le rapport sera affiché dans un nouvel onglet. Par exemple, nous avons entré avengering.com.
Le plugin montre des problèmes potentiels pour votre site Web. Comme vous pouvez le voir dans la figure ci-dessous, après avoir marqué, chaque catégorie se voit attribuer un maximum de 100 points. Vous pouvez télécharger le rapport fourni dans différents formats en cliquant sur les trois points ci-dessus et à droite. Vous pouvez également afficher des rapports sur cette section en cliquant sur n’importe quel bouton. Dans chaque catégorie, les examens sont effectués en fonction de la réussite ou non des facteurs. Vous pouvez voir ceux qui ont réussi et ceux qui ont échoué, et consultez les détails de chacun.

Résultat de recherche d'images pour

Résultats de l’examen du site Web du phare

Les résultats de l’enquête sur le site Web de Lighthouse sont divisés en 5 catégories, que nous expliquerons en détail ci-dessous.

  • Performances
  • Accessibilité
  • Meilleures pratiques
  • SEO
  • PWA ou fonctionnalités avancées d’applications Web

Consultez la section Performances de l’outil Lighthouse

Dans la section des performances, il existe plusieurs options importantes à considérer.

Première peinture significative : la période pendant laquelle le premier contenu significatif du site est affiché. Plus ce temps est court, plus le site s’affiche rapidement.
Temps d’interaction : temps nécessaire à un site pour interagir avec l’utilisateur et être en mesure de répondre aux commentaires de l’utilisateur. Plus la valeur est basse, mieux c’est.
Indice de vitesse : L’indice de vitesse se réfère au temps qu’il est alloué aux parties visibles du site. Plus la valeur est basse, mieux c’est. Selon la recommandation de Google, cette durée devrait être inférieure à 1250 millisecondes.
Première inactivité du processeur : la première fois que les scripts de page requis sont chargés et que le processeur peut gérer la plupart des entrées utilisateur.
Temps pour interactif: Le temps nécessaire à la page pour interagir. Le but de la page est d’interagir, d’afficher du contenu utile.
Max Potential First Input Delay : Le délai maximum que ressentent les utilisateurs.
Opportunités : vous montre des options qui peuvent optimiser la vitesse de chargement de votre page en les optimisant. Des éléments tels que la suppression de CSS inutilisés, la compression d’images et la compression de texte sont pris en compte.
Diagnostics : vous fournit plus d’informations sur les performances de votre site. Ces chiffres n’affectent pas directement le score de performance. Les chaînes de requêtes critiques, par exemple, spécifient les ressources nécessaires dans le premier rendu.

Consultez la section d’accessibilité de l’outil Phare

La section d’accessibilité analyse la capacité de lire et d’examiner les technologies de sauvegarde pour travailler sur la page. L’utilisation des méthodes ARIA et des propriétés des éléments en est un exemple.
Dans la section d’accessibilité, vous devez vous assurer que votre site est accessible à un grand nombre d’utilisateurs. Cette section offre des possibilités d’améliorer votre site Web. L’une des fonctionnalités d’ARIA est de fournir suffisamment de métadonnées aux lecteurs. Vous devez vous assurer que vous utilisez les bons éléments sémantiques, optimisez les images, etc.
Parce que vous ne pouvez pas analyser complètement toutes les fonctionnalités d’accessibilité, je recommande manuellement Vérifiez.

Consultez la section Meilleures pratiques de Lighthouse Tool

Dans cette section, l’outil Phare propose des conseils sur la façon de moderniser votre écran afin de résoudre tout problème de performances potentiel. HTTPS et le cache sont présentés dans cette section. Les meilleures pratiques, par exemple, font partie des tests de cache réussis et infructueux.

Consultez la section SEO des outils de phare

La nouvelle fonctionnalité ajoutée à Lighthouse et la dernière partie de Lighthouse est la fonctionnalité SEO. L’une des activités les plus importantes à effectuer sur un site Web est l’optimisation du site. Assurez-vous que les moteurs de recherche comme Google et Bing sont capables d’indexer vos pages Web et de les inclure dans les résultats de recherche. Affichage.
Cette section examine le site Web pour les méta descriptions, la réactivité, les balises canoniques, les titres de page, les balises alt et la capacité d’indexation.

Découvrez l’outil phare de Seo PWA

La section PWA contient les directives de conception et les directives de Google. Dans cette section, les facteurs réussis et non réussis sont examinés manuellement. Certains des facteurs pris en compte par PWA incluent: la vitesse de chargement, le chargement de contenu dans la fenêtre d’affichage, l’utilisation de HTTPS et la redirection HTTP vers HTTPS.

Foire aux questions sur le phare

Le phare peut-il être configurable?
Oui Vous pouvez supprimer certaines fonctionnalités ou ajouter des fonctionnalités lors de l’analyse.
Les résultats sont-ils envoyés au serveur distant?
La réponse de Lighthouse est non. Les analyses sont effectuées localement et localement et effectue une analyse à l’aide de la version installée sur le navigateur Chrome. Les résultats du rapport ne sont jamais traités ni balisés sur un serveur distant.
Le phare est-il applicable à tous les sites?
Oui Avec Lighthouse, vous pouvez analyser tous les sites, même les sites concurrents

Conclusion
Maintenant, avec le plug-in Lighthouse Chrome utilisé, vous n’avez pas besoin d’utiliser de nombreux autres outils pour tester et tester les performances de votre site Web. Cet outil est un excellent outil pour les développeurs Web et il peut vous aider à améliorer votre site Web.

Conseils de formation HTTP/2 et référencement

Conseils de formation HTTP/2 et référencement

Préface: Qu’est-ce que HTTP/2 et comment affecte-t-il le référencement? Le protocole HTTP/2a été publié en 2015 pour augmenter la vitesse et la sécurité d’Internet. D’autres normes s’y adaptent progressivement et …

Conseils de formation HTTP/2 et référencement Lire la suite »

Quand repenser le site

Quand votre site Web doit-il être repensé?

Préface: Quand repenser le site? Quand repenser le site? Voici quelques éléments qui suggèrent la nécessité de repenser le site et de parler d’un bon design SEO.pas de oubliez le …

Quand votre site Web doit-il être repensé? Lire la suite »

Le référencement avancé

comment faire Le référencement avancé de site internet?

préface Le référencement avancé est le mot-clé le plus courant pour la recherche. Ici, dans cet article, nous parlons de SEO et de techniques de référencement avancées. Le référencement est …

comment faire Le référencement avancé de site internet? Lire la suite »

test de vitesse de site Web

Comment faire un test de vitesse de site Web et une optimisation de la vitesse de site Web?

Préface: Cette question principale ” le test de vitesse du site Web est-il important ?” et “l’optimisation de la vitesse du site Web n’est pas importante?” .le test de vitesse et optimisation de site Web sont …

Comment faire un test de vitesse de site Web et une optimisation de la vitesse de site Web? Lire la suite »

les outils de référencement Google

Comment utiliser les outils de référencement Google – Partie 1 – Présentation du Lighthouse

Préface Voici un secret de polichinelle pour quiconque lance un site Web: Google aime le référencement. Cela facilite leur travail. Ils fournissent des guides de démarrage gratuits au référencement. Ils fournissent un guide très détaillé …

Comment utiliser les outils de référencement Google – Partie 1 – Présentation du Lighthouse Lire la suite »