Qu’est-ce que Google Ligh­thouse ?

Dans la section Per­for­mances, Ligh­thouse analyse la vitesse du site Internet ou de l’ap­pli­ca­tion Web et contrôle le bon affichage des éléments chargés pour l’uti­li­sa­teur. L’analyse se concentre sur les six sous-ca­té­go­ries suivantes :

• First Con­tent­ful Paint : indique le temps né­ces­saire à l’affichage intégral de la première image ou du premier texte sur le site Web.
• First Mea­ning­ful Paint : indique quand les contenus prin­ci­paux du site Web sont affichés dans leur in­té­gra­lité.
• Speed Index : indique la rapidité avec laquelle le contenu de la page web est affiché.
• Time To In­te­rac­tive : indique quand la page est chargée et que ses fonctions d’in­te­rac­tion sont activées.
• First CPU Idle : indique l’heure à laquelle, pour la première fois, l’activité du thread principal du site Internet est suf­fi­sam­ment faible pour le trai­te­ment des saisies de l’uti­li­sa­teur.
• Estimated Input Latency : donne une es­ti­ma­tion du nombre de mil­li­se­condes qu’il faudra à la page ou à l’ap­pli­ca­tion Web pour réagir aux saisies de l’uti­li­sa­teur pendant l’in­ter­valle de plein rendement de cinq secondes suivant le char­ge­ment de la page. Lorsque la latence est su­pé­rieure à 50 mil­li­se­condes, les uti­li­sa­teurs trouvent souvent la page ou l’ap­pli­ca­tion lente.

En plus d’analyser ces facteurs, Ligh­thouse offre également des sug­ges­tions d’amé­lio­ra­tion. Ces sug­ges­tions four­nis­sent de nom­breuses options d’op­ti­mi­sa­tion pour la réduction des temps de char­ge­ment. Il s’agit, par exemple, de la com­pres­sion d’images, de Ja­vaS­cript ou de la ré­so­lu­tion de res­sources qui pour­raient bloquer le rendu d’un site Web. Toutes les autres analyses de per­for­mance com­pren­nent également des re­com­man­da­tions sur les points suivants :

• conserver les fichiers images dans des formats com­pres­sés et les trans­mettre dans les bonnes di­men­sions
• dans la mesure du possible, fournir les textes et Ja­vaS­cript sous forme com­pres­sée
• op­ti­mi­sa­tion du cache pour un meilleur affichage des contenus statiques
• éviter les re­di­rec­tions et charger les requêtes les plus im­por­tantes en amont pour réduire les temps de réponse du serveur
• dans la mesure du possible, fournir les contenus animés dans des formats vidéo modernes peu vo­lu­mi­neux
• maintenir le volume de données du site Internet au minimum
• définir des marqueurs et balises de manière ju­di­cieuse pour améliorer les résultats de mesure et de suivi

Dans le domaine de l’ac­ces­si­bi­lité, Google Ligh­thouse examine dans quelle mesure le site Web ou l’ap­pli­ca­tion Web pro­gres­sive peut être utilisé(e) par des personnes ayant un handicap. Il contrôle de manière ap­pro­fon­die que les éléments im­por­tants tels que les boutons ou les liens sont cor­rec­te­ment décrits, ou encore que les images et les gra­phiques disposent d’une fonction de « voix off » pour permettre également aux personnes aveugles de com­prendre les contenus via le message vocal.

Dans le domaine des pratiques d’ex­cel­lence, Ligh­thouse analyse prin­ci­pa­le­ment les aspects liés à la sécurité des sites web ou des PWA. L’outil contrôle ici l’uti­li­sa­tion de tech­no­lo­gies de chif­fre­ment telles que TLS, la sécurité des sources des res­sources intégrées au site web, ou si les bi­blio­thèques Ja­vaS­cript peuvent être classées comme sé­cu­ri­sées. Ligh­thouse vérifie également que les bases de données con­nec­tées sont bien sé­cu­ri­sées, en signalant les commandes non sé­cu­ri­sées ou l’uti­li­sa­tion d’API anciennes.

Google Ligh­thouse utilise dif­fé­rents tests pour analyser dans quelle mesure l’ap­pli­ca­tion ou le site Web est bien pris en compte par dif­fé­rents moteurs de recherche. Cependant, ces tests sont très limités. Ligh­thouse affiche les résultats d’analyse sur une échelle de 0 à 100 points. Si le résultat n’atteint pas les 100 points, l’ex­ploi­tant du site Web se doit de prendre des mesures afin de répondre à ce besoin d’op­ti­mi­sa­tion.

Ligh­thouse accorde une attention par­ti­cu­lière à l’op­ti­mi­sa­tion des moteurs de recherche dans le secteur mobile. Il analyse plus par­ti­cu­liè­re­ment la facilité d’uti­li­sa­tion mobile du site Internet ou de l’ap­pli­ca­tion Web pro­gres­sive et teste les balises et les mé­ta­don­nées pour s’assurer qu’elles ont bien été op­ti­mi­sées.

Four­nis­sant des in­for­ma­tions telles que « First Con­tent­ful Paint » ou « First Input Delay », Google Ligh­thouse compile, fa­ci­le­ment, des in­di­ca­teurs clés dans le domaine de l’ex­pé­rience uti­li­sa­teur. Afin d’analyser au mieux des scénarios réalistes, l’outil simule des con­di­tions réelles, dont, par exemple, des ajus­te­ments des per­for­mances du CPU sur des appareils mobiles et d’autres facteurs majeurs de la vie quo­ti­dienne des uti­li­sa­teurs.

Au terme de l’analyse, Ligh­thouse affiche des scores compris entre 0 et 100, où 100 cor­res­pond à la meilleure note. Ces scores peuvent vous guider dans l’éli­mi­na­tion d’erreurs po­ten­tielles ou la prise de mesures d’op­ti­mi­sa­tion. Lors de l’analyse de la per­for­mance des temps de char­ge­ment du site web, les résultats obtenus sont divisés en trois ca­té­go­ries. Les scores de 0 à 49 (échelle de couleur rouge) sont affichés comme lents, de 50 à 89 (échelle de couleur orange) comme moyens, et de 90 à 100 (échelle de couleur verte) comme rapides.

Sur la base de ces résultats, vous pouvez alors, si né­ces­saire, con­fi­gu­rer les pa­ra­mètres et prendre les mesures d’op­ti­mi­sa­tion né­ces­saires à l’ac­cé­lé­ra­tion du temps de char­ge­ment du site. Ces résultats d’analyse sont appliqués de la même manière à tous les évé­ne­ments me­su­rables, c’est-à-dire non seulement aux per­for­mances des PWA, à l’ac­ces­si­bi­lité et aux pratiques d’ex­cel­lence, mais aussi au ré­fé­ren­ce­ment SEO.