update police

_posts/2024-10-29-we-love-speed-2024.md

@@ -140,10 +140,15 @@ mise en place de Lighthouse CI est de s'assurer que la performance de notre appl
 top et ne se dégrade pas dans le temps. Il est en effet plus facile de corriger une régression lorsqu'on peut savoir exactement quelle Pull Request ou commit l'a introduite.
 ![Key takeaways from the talk](/images/posts/2024-10-29-we-love-speed-2024/Key%20Takeaways.jpeg)
 
+> <div style="display: flex">
+> <img src="https://ca.slack-edge.com/T108ZKPMF-U01FQRQ8FT7-dfb12b21fb0d-192" alt="Julie" style="padding: 0;border-radius: 50%; height: 70px; margin: 10px">
+> Y'a moyen qu'on l'ajoute au projet smart TV, mais plus pour générer un rapport de performance quotidien plutôt que de le faire pour chaque push ou merge. 
+> </div>
+
 ## How browsers really load pages
 
 Dans ce qui est probablement le talk le plus technique de la journée, on nous a expliqué comment les navigateurs
-chargent les différentes ressources nécesaires à l'affichage d'une page web. Plus spécfiquement, on nous a expliqué
+chargent les différentes ressources nécessaires à l'affichage d'une page web. Plus spécifiquement, on nous a expliqué
 comment les navigateurs interprètent le HTML pour déterminer quelles ressources charger en priorité. 
 
 Le talk était très intéressant, mais la conclusion est un peu frustrante : il est pour le moment impossible de prévoir
@@ -161,19 +166,22 @@ et de manière chirurgicale pour ne pas interférer avec le travail du navigateu
 
 ## Mais que fait la police ?!
 
-Pour finir, on a eu un talk sur les polices de caractères. Les polices de caractères sont un élément essentiel de nos
+Pour finir, on a eu un talk sur les polices de caractères. Elles sont essentielles pour l'identité visuelle de nos
 applications web, mais elles peuvent aussi être une source de problèmes de performance. En effet, les polices de
 caractères peuvent être très lourdes et ralentir le chargement de nos pages. Il est donc important de bien les choisir
 et de les optimiser pour garantir une bonne performance. Il existe plusieurs techniques pour optimiser les polices, 
 notamment en réalisant un subset de la police pour ne télécharger que les glyphes dont on a besoin. (En français, on a
-besoin que de 165 glyphes alors que les tables latin en exposent 528). Des outils comme Font subsetter, fonttools ou
-glyphanger peuvent nous aider à réaliser ces subsets.
-> Attention à ne pas abuser des subsets, car cela peut entraîner des problèmes de lisibilité du texte. Le fameux tofu.
+besoin que de 165 glyphes comparé à 528 pour le latin).
+Il existe des outils pour nous aider à réaliser ces subsets comme: [Font Subsetter](https://everythingfonts.com/subsetter), [fontTools](https://fonttools.readthedocs.io/) ou
+[Glyphanger](https://www.zachleat.com/web/glyphhanger/) .
+> <div style="display: flex">
+> Attention à ne pas abuser des subsets, car cela peut entraîner des problèmes de lisibilité du texte. Le fameux t🠉fu .
+> <img src="/images/avatar/j_poissonnet.jpg" alt="Jules" style="padding: 0;border-radius: 50%; height: 70px; margin: 10px">
+> </div>
 
 ![Say no to tofu](/images/posts/2024-10-29-we-love-speed-2024/tofu.jpeg)
 
-Il est aussi possible de minimiser le nombre de fichiers en utilisant des polices variables. Un exemple de police variable
-est Roboto Flex, qui permet de réduire le nombre de fichiers nécessaires pour charger une police. Il est là aussi,
+Il est aussi possible de minimiser le nombre de fichiers en utilisant des polices variables. Un bon exemple, c'est la police Roboto Flex, qui est customisable et permet ainsi de pouvoir réduire le nombre de fichiers nécessaires à charger. Il est là aussi,
 possible de sélectionner les variations que l'on souhaite pour réduire encore plus le poids de la police.