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 est un outil open-source de Google qui permet d'auditer la performance, l'accessibilité, le SEO et les bonnes pratiques des sites web. Il fournit des rapports détaillés et des recommandations pour améliorer les performances. .
Lighthouse ?
Lighthouse est l’outil d’audit webperf La Webperf désigne l'optimisation des performances d'un site web pour accélérer son chargement et améliorer l'expérience utilisateur, grâce à des techniques comme le caching, la compression, et la réduction des fichiers. embarqué dans Chrome et pour la plateforme web.dev. Pour cela, il détermine une note sur 100 sur 5 critères :
- Performance
- PWA
- Accessibility
- Best Practices
- SEO Le référencement naturel, ou SEO (Search Engine Optimization), est l'ensemble des techniques visant à améliorer la visibilité d'un site web dans les résultats de recherche des moteurs comme Google, sans utiliser de publicité payante.
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 Le HTTPS (HyperText Transfer Protocol Secure) est la version sécurisée du protocole HTTP. Il chiffre les données échangées entre un navigateur et un serveur, garantissant la confidentialité et l'intégrité des communications. 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 :
