Lighthouse dans les outils pour les développeurs Chrome pour les agents permet à votre agent de codage d'évaluer la qualité d'un site Web en effectuant des vérifications de l'état en direct pour l'accessibilité, le SEO, les bonnes pratiques et la navigation agentique.
Dans un workflow agentif, votre agent de codage utilise les audits Lighthouse pour identifier des problèmes d'exécution spécifiques et mesurables au lieu de rechercher des améliorations générales dans votre codebase de manière aléatoire.
Cette approche ciblée fournit des conseils pratiques directement dans le contexte de votre agent, ce qui permet à votre agent de codage de trouver et de corriger les bugs plus précisément que les recherches statiques générales dans votre codebase.
Les audits Lighthouse se concentrent sur les principales catégories suivantes :
- Accessibilité (a11y) : permet de s'assurer que votre site est utilisable par tous, y compris les personnes qui utilisent des lecteurs d'écran.
- SEO : effectue des vérifications techniques pour s'assurer que les moteurs de recherche peuvent trouver et comprendre votre contenu.
- Bonnes pratiques : vérifiez que votre site respecte les normes de développement Web modernes.
- Navigation agentique : mesurez la capacité des assistants IA à comprendre votre site Web et à interagir avec lui.
Lorsque vous utilisez Lighthouse, tenez compte des points suivants :
- Compatibilité avec les environnements local et intermédiaire : votre agent peut auditer n'importe quelle page visible dans Chrome, y compris les serveurs de développement locaux et les fichiers HTML locaux accessibles via le protocole
file://. - Comportement du navigateur : les audits peuvent perturber brièvement votre vue. Il est possible que la page soit redimensionnée ou rechargée lorsque l'outil simule différents appareils.
Auditer la qualité du Web
Utilisez les workflows et les exemples suivants pour intégrer Lighthouse à votre processus de développement.
Vérifier l'accessibilité
Lorsque vous modifiez une UI, demandez à votre agent de vérifier que la page reste accessible.
Exemple de requête :
How can I improve accessibility on this page as measured by Lighthouse?
Exemple d'exécution de l'agent : votre agent déclenche un audit Lighthouse avec formFactor défini sur mobile. Il analyse les résultats, comme un contraste de couleurs insuffisant ou des libellés ARIA manquants, et suggère des corrections de code spécifiques.
Auditer le SEO pour la visibilité dans la recherche
Les exigences techniques en matière de SEO sont souvent détectées trop tard dans le cycle de développement. Vous pouvez demander à votre agent de trouver et de résoudre les blocages techniques pendant que vous développez.
Exemple de requête :
According to Lighthouse audit, how can I improve this page for better discoverability in search?
Exemple d'exécution d'agent : votre agent exécute l'audit SEO et identifie les balises Meta, les liens canoniques ou le texte descriptif manquants. Il peut ensuite proposer de mettre à jour le code source pour résoudre l'échec de l'audit.
Valider les bonnes pratiques
Assurez-vous que votre serveur local ou votre site de préproduction respecte les bonnes pratiques techniques et de sécurité.
Exemple de requête :
Does my site follow best practices as measured by Lighthouse?
Exemple d'exécution d'agent : votre agent examine les aspects techniques tels que l'utilisation de HTTPS, les erreurs de console et les appels d'API obsolètes signalés par Lighthouse.
Amélioration générale du site
Vous pouvez exécuter des audits Lighthouse complets de votre site et définir des axes d'amélioration dès les premières étapes du développement.
Exemple de requête :
Run a full Lighthouse audit of my site, in mobile and desktop, and suggest improvement areas and possible fixes for any problems you find.
Exemple d'exécution d'agent : votre agent exécute un audit Lighthouse complet de votre site sur mobile et sur ordinateur, et suggère des modifications qui pourraient améliorer les scores des différents audits. Si votre agent dispose d'une connaissance contextuelle complète du code source, il peut suggérer directement des corrections. S'il a accès au bon contexte, il peut également suggérer comment améliorer la configuration du serveur ou d'autres configurations de backend.