The Performance Game basé sur Lighthouse !
Google a eu l’idée saugrenue de créer un jeu vidéo genre « Space Invaders » basé sur les notes obtenues par votre site web quant au rapport de web performance fourni par Lighthouse.
Lighthouse ?
Lighthouse est l’outil d’audit webperf embarqué dans Chrome et pour la plateforme web.dev. Pour cela, il détermine une note sur 100 sur 5 critères :
The Performance Game : le concept
En développement depuis août 2018, Martin Schierle a réalisé un jeu de dynamitage d’astéroïdes basé sur les scores réels de Google Lighthouse. Ainsi le jeu consiste à aider à la compréhension de la web performance en visualisant ses goulots d’étranglement.
- Chaque niveau représente une mesure de performance atteinte selon un audit Lighthouse.
- Puis chaque astéroïde représente une ressource chargée.
- Plus la ressource est lourde plus l’astéroïde est grand.
- La couleur d’un astéroïde représente la quantité de la ressource utilisée.
- Un astéroïde orange signifie que moins de 85 % de la ressource est utilisé.
- Un astéroïde vert signifie que plus de 85 % de la ressource est utilisé.
Enfin les bonus sont générés si votre est site est sécurisé en HTTPS et si le SEO est bien réalisé.
Mécanique du jeu
Pour jouer au jeu, il suffit d’utiliser les touches fléchées.
- La touche du haut actionne un petit vaisseau spatial.
- Les touches gauche et droite dirigent le vaisseau spatial.
- La barre d’espace active votre blaster avec lequel vous faites exploser les astéroïdes venant en sens inverse.
A la fin de la partie, vous pouvez revoir vos scores réels d’audit Lighthouse. Vraisemblablement, l’amélioration de votre web performance améliorera votre jeu. En bref, plus votre score Lighthouse est bon plus il sera aisé de terminer le jeu.
A vous de jouer
De quoi plomber la productivité des geeks que nous sommes… Donc, à vos claviers :
De mon coté, avec le site artwai.com il a été plutôt simple de remporter la partie 😉 ! Et voici la preuve :
