00:00Ce développeur a peut-être résolu le plus gros problème du web,
00:03pourquoi certains sites sont lents et rangs ?
00:05En s'attaquant à un truc auquel personne ne pense, le texte.
00:08Parce qu'aujourd'hui, dès qu'un site affiche du texte, le navigateur doit tout recalculer.
00:12Et ça, ça peut faire ralentir les applications, faire bugger des interfaces ou des mises en page.
00:17Reste ici et abonne-toi, je t'explique tout.
00:18Jusqu'ici, pour savoir quelle place allait prendre un texte à l'écran, les développeurs n'avaient pas le choix.
00:23Ils devaient laisser le navigateur faire le calcul pour eux.
00:26Sauf que pour lui, c'est un vrai cauchemar.
00:28Un caractère, ce n'est pas juste une lettre.
00:30Ce sont des émojis, des drapeaux, des langues qui se lisent de droite à gauche ou s'écrivent sans espace.
00:35Le navigateur doit mélanger tout ça avec les règles CSS, le langage qui gère l'apparence, pour savoir où couper
00:41les lignes.
00:41Et il s'appuie sur le DOM, la représentation en arbre de la page, pour savoir où se trouve chaque
00:46élément.
00:46À chaque fois qu'un développeur veut connaître précisément la taille d'un bloc de texte,
00:50il interroge ce DOM et force le navigateur à recalculer la mise en page.
00:53C'est ce qu'on appelle le reflow et ça ruine les performances dès qu'on le fait trop souvent.
00:57C'est là qu'intervient l'ingénieur logiciel Cheng Lu avec sa bibliothèque prétexte.
01:01Son idée ? Arrêter de poser la question au navigateur.
01:04En cédant d'intelligence artificielle, il a analysé et reproduit la façon dont les moteurs de rendu cassent le texte
01:10sur des milliers de cas différents.
01:12Son algorithme fait désormais le calcul côté utilisateur, en pure TypeScript, en mesurant le texte dans un Canva.
01:18Zéro dépendance au CSS pour le layout du texte, zéro mesure lourde dans le DOM,
01:22le texte est préparé, mesuré, puis placé par simple calcul.
01:26Le résultat ? Des performances monstres.
01:28On peut enfin créer des bulles de messagerie au millimètre près,
01:31ou des mises en page façon magazine ultra fluide, sans bidouillage CSS.
01:36Le bémol principal, si vous poussez le concept à l'extrême en dessinant tout dans un Canva,
01:41il faudra reconstruire une partie de l'accessibilité à la main,
01:44comme la sélection du texte ou la lecture par synthèse vocale.
01:47En attendant, ce nouvel algorithme pourrait bien rendre la vie des développeurs plus simple
01:51et ouvrir la porte à des interfaces textuelles beaucoup plus créatives.
Commentaires