{"id":36519,"date":"2026-03-29T15:06:16","date_gmt":"2026-03-29T13:06:16","guid":{"rendered":"https:\/\/www.cloudmagazin.com\/2026\/04\/23\/une-bibliotheque-javascript-resout-elle-un-probleme-vieux-de\/"},"modified":"2026-08-03T16:09:07","modified_gmt":"2026-08-03T14:09:07","slug":"pretext-une-bibliotheque-javascript-resout-elle-le-probleme-de-trente-ans-dans-le-navigateur-ou-sagit-il-simplement-dun-engouement-mediatique","status":"publish","type":"post","link":"https:\/\/www.cloudmagazin.com\/fr\/2026\/03\/29\/pretext-une-bibliotheque-javascript-resout-elle-le-probleme-de-trente-ans-dans-le-navigateur-ou-sagit-il-simplement-dun-engouement-mediatique\/","title":{"rendered":"Biblio JS r\u00e9sout probl\u00e8me 30 ans navigateur : hype m\u00e9diatique ?"},"content":{"rendered":"<p style=\"color:#6190a9;font-size:0.9em;margin:0 0 16px;padding:0;\">7 min de lecture<\/p>\n<p><strong>Une biblioth\u00e8que JavaScript d\u00e9velopp\u00e9e par un ing\u00e9nieur de <a href=\"https:\/\/www.midjourney.com\/\" target=\"_blank\" rel=\"noopener\">Midjourney<\/a> promet d\u2019acc\u00e9l\u00e9rer radicalement la mise en page du texte dans le navigateur. 6 800 \u00e9toiles GitHub en quelques jours, Hacker News en \u00e9bullition, des d\u00e9bats sur X pour savoir si CSS est arriv\u00e9 \u00e0 son terme. Les d\u00e9monstrations donnent l\u2019impression de magie. Mais celui qui regarde de plus pr\u00e8s d\u00e9couvre une histoire faite de vestiges h\u00e9rit\u00e9s des navigateurs, de hacks g\u00e9niaux et de la question \u00e9ternelle : quand une abstraction devient-elle la solution  &#8211;  et quand devient-elle le probl\u00e8me ?<\/strong><\/p>\n<h2>L&rsquo;essentiel<\/h2>\n<div style=\"background:#f8fbfd;border:1px solid rgba(11,183,253,0.28);border-radius:8px;padding:22px 26px;margin:16px 0 32px 0;\">\n<ul style=\"color:#1a2733\">\n<li><strong>Quoi :<\/strong> Pretext est une biblioth\u00e8que JavaScript sous licence MIT qui calcule la mise en page du texte dans le navigateur sans d\u00e9clencher de reflows DOM  &#8211;  selon son auteur, environ 500 fois plus vite que les approches bas\u00e9es sur le DOM (une comparaison que ce dernier qualifie lui-m\u00eame de \u00ab injuste \u00bb)<\/li>\n<li><strong>Qui :<\/strong> Cheng Lou, ing\u00e9nieur chez Midjourney et contributeur \u00e0 React, cr\u00e9ateur de <em>react-motion<\/em> (plus de 21 700 \u00e9toiles GitHub)<\/li>\n<li><strong>Comment :<\/strong> Approche en deux phases  &#8211;  mesure unique via Canvas (~19 ms pour 500 textes), puis calcul purement arithm\u00e9tique dans le <em>hot path<\/em> (~0,09 ms)<\/li>\n<li><strong>Pour qui :<\/strong> Interfaces utilisateur hautes performances telles que les interfaces de messagerie, les outils \u00e9ditoriaux ou les listes virtuelles  &#8211;  pas pour les sites web standards<\/li>\n<li><strong>Mise en perspective :<\/strong> Approche techniquement valide, port\u00e9e par un d\u00e9veloppeur s\u00e9rieux, mais l\u2019engouement viral d\u00e9passe nettement le niveau actuel de maturit\u00e9 du projet<\/li>\n<\/ul>\n<\/div>\n<h2>Pourquoi Internet s\u2019est emball\u00e9<\/h2>\n<p>Il existe des moments dans le monde du frontend o\u00f9 quelqu\u2019un pr\u00e9sente quelque chose qui, en th\u00e9orie, ne devrait tout simplement pas \u00eatre possible. Du texte qui s\u2019\u00e9coule en temps r\u00e9el autour de formes arbitraires. Des bulles de discussion qui s\u2019ajustent pixel par pixel \u00e0 leur contenu. Des mises en page de magazines qui r\u00e9agissent \u00e0 120 images par seconde. Dans le navigateur. Sans bidouilles, sans contournements, sans faire tomber la page \u00e0 genoux.<\/p>\n<p>Cheng Lou l\u2019a d\u00e9montr\u00e9 la semaine derni\u00e8re. \u00ab J\u2019ai travers\u00e9 les profondeurs de l\u2019enfer pour vous apporter, pour les ann\u00e9es \u00e0 venir, l\u2019un des fondements les plus importants de l\u2019ing\u00e9nierie UI \u00bb, a-t-il \u00e9crit sur X. L\u2019understatement n\u2019est pas son fort. Mais les d\u00e9monstrations tiennent leurs promesses  &#8211;  du moins \u00e0 premi\u00e8re vue.<\/p>\n<div style=\"margin:32px 0;border-radius:12px;background:#0a1929;padding:28px 24px;position:relative;overflow:hidden;\">\n<div style=\"position:absolute;top:16px;right:20px;font-size:20px;color:rgba(255,255,255,0.15);font-weight:800;\">\ud835\udc17<\/div>\n<div style=\"display:flex;align-items:center;gap:12px;margin-bottom:16px;\">\n<div style=\"width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#1a3a5c,#0bb7fd);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:16px;\">CL<\/div>\n<div>\n<div style=\"font-weight:700;color:#fff;font-size:0.95em;\">Cheng Lou<\/div>\n<div style=\"font-size:0.8em;color:#8899a6;\">@_chenglou<\/div>\n<\/div>\n<\/div>\n<p style=\"font-size:1.05em;line-height:1.6;color:#e1e8ed;margin:0 0 16px;font-style:italic;\">\u00ab Tout site web que vous avez jamais utilis\u00e9 est d\u00e9fectueux. J\u2019ai travers\u00e9 les profondeurs de l\u2019enfer pour vous apporter ce que je consid\u00e8re comme l\u2019un des fondements les plus importants de l\u2019ing\u00e9nierie UI pour les ann\u00e9es \u00e0 venir : une mesure rapide et pr\u00e9cise du texte en TypeScript pur. \u00bb<\/p>\n<div style=\"display:flex;justify-content:space-between;align-items:center;\">\n<span style=\"font-size:0.8em;color:#8899a6;\">28 mars 2026<\/span><br \/>\n<a href=\"https:\/\/x.com\/_chenglou\/status\/2037713766205608234\" target=\"_blank\" rel=\"noopener\" style=\"font-size:0.85em;color:#0bb7fd;text-decoration:none;\">Consulter l\u2019int\u00e9gralit\u00e9 du fil sur X \u2192<\/a>\n<\/div>\n<\/div>\n<p><a href=\"https:\/\/github.com\/chenglou\/pretext\" target=\"_blank\" rel=\"noopener\">Pretext<\/a> est la biblioth\u00e8que en question. Plus de 6 800 \u00e9toiles GitHub en quelques jours. Sur Hacker News, le d\u00e9bat s\u2019est ouvert sous le titre \u00ab L\u2019avenir de la mise en page du texte n\u2019est pas CSS \u00bb. La communaut\u00e9 React a r\u00e9agi comme \u00e0 la sortie d\u2019un nouvel album de son groupe pr\u00e9f\u00e9r\u00e9.<\/p>\n<p>Cela tient aussi \u00e0 l\u2019exp\u00e9diteur. Cheng Lou n\u2019est pas un inconnu dans le monde du frontend. Chez Meta, il a travaill\u00e9 sur React, <a href=\"https:\/\/reasonml.github.io\/\" target=\"_blank\" rel=\"noopener\">ReasonML<\/a> et Messenger. Son projet parall\u00e8le <a href=\"https:\/\/github.com\/chenglou\/react-motion\" target=\"_blank\" rel=\"noopener\">react-motion<\/a> (plus de 21 700 \u00e9toiles GitHub) est l\u2019une des biblioth\u00e8ques d\u2019animations les plus utilis\u00e9es dans l\u2019\u00e9cosyst\u00e8me React. Aujourd\u2019hui, chez Midjourney, il construit l\u2019<a href=\"https:\/\/www.cloudmagazin.com\/fr\/2026\/03\/28\/experience-developpeur-pourquoi-la-productivite-des-equipes-cloud-echoue-a-la-ch\/\">architecture frontend<\/a> : pile <a href=\"https:\/\/bun.sh\/\" target=\"_blank\" rel=\"noopener\">Bun<\/a>, React vanilla, aucun framework. Cinq d\u00e9veloppeurs \u00e0 plein temps pour des millions d\u2019utilisateurs. Quand une personne de cette trempe affirme que le navigateur est cass\u00e9, on l\u2019\u00e9coute.<\/p>\n<h2>Le probl\u00e8me de trente ans que personne n\u2019avait remarqu\u00e9<\/h2>\n<p>Pour comprendre pourquoi Pretext existe, il faut saisir ce que fait r\u00e9ellement le navigateur lorsqu\u2019il affiche du texte. Version courte : bien trop de choses.<\/p>\n<p>\u00c0 chaque fois qu\u2019il faut calculer la hauteur d\u2019un bloc de texte ou d\u00e9terminer o\u00f9 une ligne doit \u00eatre rompue, le navigateur d\u00e9clenche un <em>reflow<\/em> de mise en page. Il mesure les caract\u00e8res, calcule les espacements, rompt les lignes, v\u00e9rifie les r\u00e8gles de d\u00e9bordement (<em>overflow<\/em>), met \u00e0 jour la disposition de tous les \u00e9l\u00e9ments environnants. Il s\u2019agit de l\u2019une des op\u00e9rations les plus co\u00fbteuses dans le navigateur. Sur un site web statique, cela ne pose pas de probl\u00e8me. Sur des interfaces dynamiques  &#8211;  applications de messagerie, \u00e9diteurs, mises en page anim\u00e9es, listes virtuelles avec des milliers d\u2019entr\u00e9es  &#8211;  cela devient un goulot d\u2019\u00e9tranglement.<\/p>\n<p>Le pi\u00e8ge ? La plupart des d\u00e9veloppeurs ne remarquent jamais ce probl\u00e8me. Leur site fonctionne, apr\u00e8s tout. Le texte s\u2019affiche, les lignes sont rompues, tout va bien. Ce n\u2019est que lorsqu\u2019on tente de mettre en page dynamiquement des centaines de blocs de texte simultan\u00e9ment  &#8211;  une application de messagerie, un outil de tableau blanc, un \u00e9diteur de mise en page de magazine  &#8211;  qu\u2019on bute contre le mur. Et ce mur est l\u00e0 depuis que Netscape Navigator a rendu sa premi\u00e8re mise en page HTML en 1994.<\/p>\n<div class=\"evm-stat evm-stat-highlight\" style=\"text-align:center;background:#004a59;border-radius:12px;padding:32px 24px;margin:32px 0;\">\n<div style=\"font-size:48px;font-weight:700;color:#fff;letter-spacing:-0.03em;\">0,09 ms<\/div>\n<div style=\"font-size:15px;color:rgba(255,255,255,0.8);margin-top:8px;max-width:400px;margin-left:auto;margin-right:auto;\">pour 500 blocs de texte dans le <em>hot path<\/em>  &#8211;  selon le d\u00e9veloppeur, environ 500 fois plus rapide que la mise en page DOM (il qualifie lui-m\u00eame cette comparaison de \u00ab injuste \u00bb)<\/div>\n<div style=\"font-size:12px;color:#0bb7fd;margin-top:8px;\">Source : Cheng Lou, X\/GitHub, mars 2026<\/div>\n<\/div>\n<h2>Comment Pretext trompe le navigateur<\/h2>\n<p>La solution propos\u00e9e par Pretext est \u00e9l\u00e9gante sur le plan conceptuel et exigeante sur le plan technique.<\/p>\n<p><strong>Phase 1 &#8211; prepare() :<\/strong> Le texte est normalis\u00e9, d\u00e9coup\u00e9 en segments, puis mesur\u00e9 via l\u2019<a href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/API\/Canvas_API\" target=\"_blank\" rel=\"noopener\">API Canvas<\/a> du navigateur. Pas via le DOM, mais via le moteur de polices bas-niveau que le navigateur embarque d\u00e9j\u00e0. Les r\u00e9sultats sont stock\u00e9s dans un cache. Cela prend une fois environ 19 millisecondes pour 500 blocs de texte. On paie une fois, on utilise autant de fois qu\u2019on veut.<\/p>\n<p><strong>Phase 2 &#8211; layout() :<\/strong> \u00c0 partir de ce moment, Pretext ne fait plus que des calculs arithm\u00e9tiques \u00e0 partir des largeurs m\u00e9moris\u00e9es. Aucun contact avec le DOM. O\u00f9 la ligne se rompt-elle ? Quelle sera la hauteur du paragraphe ? Le texte tient-il dans cette bo\u00eete ? Toutes ces questions sont r\u00e9solues par des calculs math\u00e9matiques, non par le moteur de mise en page du navigateur. 0,09 milliseconde pour 500 textes.<\/p>\n<p>Cela permet des fonctionnalit\u00e9s impossibles \u00e0 r\u00e9aliser avec CSS seul : du texte qui s\u2019\u00e9coule dynamiquement autour de formes arbitraires ; des conteneurs qui se r\u00e9tractent pr\u00e9cis\u00e9ment \u00e0 la largeur minimale n\u00e9cessaire pour un nombre donn\u00e9 de lignes (<em>shrink-wrap<\/em>) ; des mises en page de type magazine avec des largeurs de colonnes variables  &#8211;  le tout \u00e0 120 images par seconde.<\/p>\n<p>Un d\u00e9tail qui fera tiquer les d\u00e9veloppeurs frontend : selon Cheng Lou, le moteur a \u00e9t\u00e9 largement d\u00e9velopp\u00e9 \u00e0 l\u2019aide de Claude Code et de Codex. Ces outils d\u2019IA comparent leurs r\u00e9sultats \u00e0 la <em>ground truth<\/em> fournie par le navigateur, it\u00e8rent sur les cas limites (<em>edge cases<\/em>) et optimisent l\u2019algorithme de mise en page. Il s\u2019agit d\u2019un exemple fascinant d\u2019ing\u00e9nierie assist\u00e9e par IA, d\u00e8s lors que la t\u00e2che est clairement d\u00e9finie et que le signal de retour est explicite.<\/p>\n<h2>Les d\u00e9mos : effet \u00ab waouh \u00bb avec notes en bas de page<\/h2>\n<p>La page officielle de d\u00e9monstration pr\u00e9sente sept exemples : des <a href=\"https:\/\/chenglou.me\/pretext\/accordion\/\" target=\"_blank\" rel=\"noopener\">mises en page accord\u00e9on<\/a> aux <a href=\"https:\/\/chenglou.me\/pretext\/bubbles\/\" target=\"_blank\" rel=\"noopener\">bulles de discussion avec un espace vide minimal<\/a>, en passant par une d\u00e9mo d\u2019\u00e9diteur \u00e9ditorial avec une mise en page multi-colonne anim\u00e9e, des citations en encadr\u00e9 (<em>pull quotes<\/em>) et un <em>live-reflow<\/em>. S\u2019y ajoutent des d\u00e9mos communautaires reproduisant des mises en page de magazines et des grilles <em>Masonry<\/em>.<\/p>\n<p>\u00c0 premi\u00e8re vue, les d\u00e9mos donnent l\u2019impression de quelque chose qui ne devrait pas \u00eatre possible dans le navigateur. Le texte s\u2019\u00e9coule fluidement autour d\u2019obstacles, les conteneurs s\u2019adaptent en temps r\u00e9el, les mises en page r\u00e9agissent sans d\u00e9lai perceptible. Et puis viennent les probl\u00e8mes quotidiens : zones de saisie (<em>textareas<\/em>) qui s\u2019\u00e9tirent automatiquement, centrage vertical de texte multiligne, voire m\u00eame de l\u2019<a href=\"https:\/\/chenglou.me\/pretext\/variable-typographic-ascii\/\" target=\"_blank\" rel=\"noopener\">ASCII Art typographique variable<\/a> en tant que preuve de concept.<\/p>\n<p>Et puis on clique sur la discussion Hacker News. Et les notes en bas de page commencent.<\/p>\n<h2>Ce que l\u2019engouement passe sous silence<\/h2>\n<figure style=\"margin:36px 0;padding:0;\">\n<blockquote style=\"position:relative;margin:0;padding:30px 34px 28px;background:linear-gradient(135deg,#013a47 0%,#004a59 100%);border-radius:12px;box-shadow:0 10px 30px rgba(0,40,60,0.18);overflow:hidden;\"><p>\n<span aria-hidden=\"true\" style=\"position:absolute;right:22px;top:6px;font-family:Georgia,serif;font-size:90px;line-height:1;color:#0bb7fd;opacity:0.18;\">&rdquo;<\/span><\/p>\n<div style=\"font-family:'SF Mono','Monaco','Consolas',monospace;font-size:10.5px;color:#0bb7fd;letter-spacing:0.18em;text-transform:uppercase;margin-bottom:13px;\">\/\/ Propos<\/div>\n<p style=\"margin:0;font-size:1.15em;line-height:1.6;color:#f2fafd;font-weight:500;position:relative;\">~500x, mais c\u2019est une comparaison injuste.<\/p>\n<footer style=\"margin-top:16px;font-size:0.92em;color:rgba(255,255,255,0.72);font-style:normal;\"><strong style=\"color:#fff;\">Cheng Lou sur son propre benchmark<\/strong> &middot; X, mars 2026<\/footer>\n<\/blockquote>\n<\/figure>\n<p>Le fait que le d\u00e9veloppeur qualifie lui-m\u00eame son benchmark de \u00ab injuste \u00bb m\u00e9rite respect. L\u2019acc\u00e9l\u00e9ration d\u2019environ 500 fois dans le <em>hot path<\/em> compare un chemin de calcul mis en cache \u00e0 une mesure initiale compl\u00e8te via getBoundingClientRect(). C\u2019est un peu comme dire \u00ab ma voiture est 500 fois plus rapide que la v\u00f4tre \u00bb, mais uniquement si l\u2019on ne compte pas le temps de remplissage du r\u00e9servoir. La mesure initiale (<em>prepare<\/em>) co\u00fbte 19 millisecondes. Pour la plupart des sites web, la diff\u00e9rence est insignifiante, car ils ne d\u00e9clenchent pas des centaines de <em>reflows<\/em> par image.<\/p>\n<p><strong>Qualit\u00e9 des d\u00e9mos au lancement :<\/strong> Plusieurs d\u00e9veloppeurs ont relev\u00e9 que la page de d\u00e9monstration elle-m\u00eame pr\u00e9sentait des probl\u00e8mes de rendu. Le texte \u00e9tait tronqu\u00e9 (overflow: hidden), et selon un commentaire sur Hacker News, la page \u00e9tait \u00ab totalement et compl\u00e8tement cass\u00e9e \u00bb sur mobile. Un d\u00e9veloppeur a comment\u00e9 sobrement : \u00ab La biblioth\u00e8que qui veut r\u00e9parer le web poss\u00e8de un site web d\u00e9fectueux. \u00bb La plupart de ces probl\u00e8mes ont d\u00e9sormais \u00e9t\u00e9 corrig\u00e9s.<\/p>\n<p><strong>CSS pouvait d\u00e9j\u00e0 le faire :<\/strong> Certains des layouts pr\u00e9sent\u00e9s  &#8211;  texte autour de formes, zones d\u2019exclusion (<em>exclusion zones<\/em>), r\u00e9gions  &#8211;  \u00e9taient pr\u00e9vus comme fonctionnalit\u00e9s CSS. <a href=\"https:\/\/drafts.csswg.org\/css-exclusions-1\/\" target=\"_blank\" rel=\"noopener\">CSS Exclusions<\/a> et CSS Regions existent en tant que sp\u00e9cifications. Elles n\u2019ont jamais \u00e9t\u00e9 largement impl\u00e9ment\u00e9es, car les \u00e9diteurs de navigateurs ont fix\u00e9 d\u2019autres priorit\u00e9s. Pretext ne r\u00e9sout donc pas un probl\u00e8me CSS, mais un probl\u00e8me d\u2019engagement des navigateurs. C\u2019est une distinction importante.<\/p>\n<p><strong>Niveau de maturit\u00e9 :<\/strong> Pretext est un projet open source pr\u00e9coce <a href=\"https:\/\/www.cloudmagazin.com\/fr\/2026\/03\/22\/opentofu-contre-terraform-ce-que-lacquisition-par-ibm-signifie-pour-votre-infras\/\">Open-Source-Projekt<\/a>. L\u2019auteur documente honn\u00eatement ses limites : l\u2019utilisation de system-ui comme police peut entra\u00eener des mesures impr\u00e9cises sur macOS. Les conteneurs tr\u00e8s \u00e9troits provoquent des ruptures de ligne au sein des mots. Le rendu c\u00f4t\u00e9 serveur (<em>server-side rendering<\/em>) n\u2019est pas encore finalis\u00e9. Celui qui met Pretext en production aujourd\u2019hui est un <em>early adopter<\/em>, avec toutes les cons\u00e9quences que cela implique.<\/p>\n<h2>Pour qui Pretext est r\u00e9ellement pertinent<\/h2>\n<p>La biblioth\u00e8que r\u00e9sout un probl\u00e8me r\u00e9el  &#8211;  mais sp\u00e9cifique. Pretext devient pertinent l\u00e0 o\u00f9 de nombreux blocs de texte doivent \u00eatre mis en page dynamiquement et simultan\u00e9ment :<\/p>\n<ul>\n<li><strong>Interfaces de messagerie :<\/strong> Applications de messagerie qui virtualisent des milliers de bulles de messages et doivent en calculer la hauteur \u00e0 l\u2019avance<\/li>\n<li><strong>Outils \u00e9ditoriaux :<\/strong> \u00c9diteurs de mise en page pour magazines, newsletters ou pr\u00e9sentations, qui font couler le texte en temps r\u00e9el autour d\u2019images<\/li>\n<li><strong>Interfaces bas\u00e9es sur Canvas :<\/strong> Outils de tableau blanc comme Figma ou Miro, qui rendent le texte en dehors du DOM<\/li>\n<li><strong>Listes virtuelles :<\/strong> Toute application qui affiche des centaines ou des milliers de blocs de texte et doit conna\u00eetre leurs dimensions avant qu\u2019ils n\u2019apparaissent dans la zone visible (<em>viewport<\/em>)<\/li>\n<\/ul>\n<p>Pour les entreprises DACH qui d\u00e9veloppent leurs propres produits SaaS avec des interfaces fortement ax\u00e9es sur le texte, il vaut la peine de suivre l\u2019\u00e9volution de la maturit\u00e9 du projet. Pour un site web d\u2019entreprise, un blog ou une page de destination, Pretext n\u2019apporte aucun avantage mesurable. Et c\u2019est parfaitement acceptable. Toute biblioth\u00e8que n\u2019a pas vocation \u00e0 sauver le monde. Parfois, il suffit de r\u00e9soudre \u00e9l\u00e9gamment un probl\u00e8me difficile pour le bon public cible.<\/p>\n<h2>Une mise en perspective : entre g\u00e9nie et engouement<\/h2>\n<p>Pretext n\u2019est ni une escroquerie ni une promesse vide. Le c\u0153ur technique  &#8211;  \u00e9liminer les mesures DOM du <em>hot path<\/em> de la mise en page et les remplacer par des calculs arithm\u00e9tiques mis en cache  &#8211;  constitue une approche valide qui fait une r\u00e9elle diff\u00e9rence pour certains cas d\u2019usage. Le fait que Cheng Lou qualifie lui-m\u00eame son benchmark de \u00ab injuste \u00bb et documente clairement les limites du projet le distingue agr\u00e9ablement des influenceurs habituels du monde du d\u00e9veloppement, qui pr\u00e9sentent chaque semaine un nouveau framework comme la prochaine r\u00e9volution.<\/p>\n<p>La v\u00e9rit\u00e9, comme souvent, se situe au milieu. Non, \u00ab tout site web que vous avez jamais utilis\u00e9 \u00bb n\u2019est pas d\u00e9fectueux. Cette affirmation virale rel\u00e8ve du <em>clickbait<\/em>, probablement choisie d\u00e9lib\u00e9r\u00e9ment. Mais le probl\u00e8me sous-jacent est r\u00e9el : la mise en page dans les navigateurs est trop lente pour certains cas d\u2019usage, et CSS a promis des fonctionnalit\u00e9s qui n\u2019ont jamais vu le jour. Pretext comble ce vide  &#8211;  avec \u00e9l\u00e9gance, performance et des limites clairement d\u00e9finies.<\/p>\n<p>Ce qui reste : une prouesse technique impressionnante d\u2019un d\u00e9veloppeur qui sait exactement ce qu\u2019il fait. Une biblioth\u00e8que qui, dans un an, sera soit un composant incontournable de la bo\u00eete \u00e0 outils frontend  &#8211;  soit un brillant prototype qui finira poussi\u00e9reux dans la liste \u00ab Awesome JavaScript \u00bb. Les deux destins seraient pleinement m\u00e9rit\u00e9s.<\/p>\n<h2>Questions fr\u00e9quentes<\/h2>\n<details>\n<summary><strong>Qu\u2019est-ce exactement que Pretext ?<\/strong><\/summary>\n<p style=\"margin:8px 0 4px 24px;color:#555;line-height:1.6;\">Une biblioth\u00e8que JavaScript\/TypeScript sous licence MIT qui calcule la mise en page du texte dans le navigateur sans aucune op\u00e9ration DOM. Elle mesure le texte une fois via l\u2019API Canvas, puis calcule les ruptures de ligne, les hauteurs et les positions purement par des m\u00e9thodes math\u00e9matiques. D\u00e9velopp\u00e9e par Cheng Lou (Midjourney, ancien employ\u00e9 de Meta).<\/p>\n<\/details>\n<details>\n<summary><strong>Pretext est-il vraiment 500 fois plus rapide que CSS ?<\/strong><\/summary>\n<p style=\"margin:8px 0 4px 24px;color:#555;line-height:1.6;\">Dans le <em>hot path<\/em>, selon le d\u00e9veloppeur, environ 500 fois plus rapide : 0,09 ms pour 500 blocs de texte contre des mesures DOM via getBoundingClientRect(). Cheng Lou lui-m\u00eame qualifie cette comparaison de \u00ab injuste \u00bb, car la mesure initiale unique (~19 ms) n\u2019y est pas incluse. Pour les sites web standards, la diff\u00e9rence est sans incidence.<\/p>\n<\/details>\n<details>\n<summary><strong>Pretext remplace-t-il CSS ?<\/strong><\/summary>\n<p style=\"margin:8px 0 4px 24px;color:#555;line-height:1.6;\">Non. Pretext ne remplace pas le moteur de rendu du navigateur. Il utilise le moteur de polices du navigateur comme base, mais contourne le processus de mise en page DOM pour le calcul du texte. CSS reste responsable du style, des couleurs, des espacements et de tous les autres aspects de la mise en page.<\/p>\n<\/details>\n<details>\n<summary><strong>Ai-je besoin de Pretext pour mon site web ?<\/strong><\/summary>\n<p style=\"margin:8px 0 4px 24px;color:#555;line-height:1.6;\">Probablement pas. Pretext est pertinent pour les applications de messagerie, les outils \u00e9ditoriaux, les interfaces bas\u00e9es sur Canvas et les listes virtuelles. Il n\u2019apporte aucun avantage pour les blogs, les sites d\u2019entreprise ou le commerce \u00e9lectronique. Le d\u00e9veloppeur le reconna\u00eet lui-m\u00eame.<\/p>\n<\/details>\n<details>\n<summary><strong>Quel est le niveau de maturit\u00e9 du projet ?<\/strong><\/summary>\n<p style=\"margin:8px 0 4px 24px;color:#555;line-height:1.6;\">Plus de 6 800 \u00e9toiles GitHub, mais le projet est toujours en d\u00e9veloppement actif. Le rendu c\u00f4t\u00e9 serveur est absent, la page de d\u00e9monstration pr\u00e9sentait des probl\u00e8mes de rendu au lancement. L\u2019utilisation de system-ui comme police peut conduire \u00e0 des mesures impr\u00e9cises sur macOS. Pour un usage en production, il convient de surveiller attentivement l\u2019\u00e9volution de la maturit\u00e9.<\/p>\n<\/details>\n<details>\n<summary><strong>Pretext a-t-il \u00e9t\u00e9 d\u00e9velopp\u00e9 \u00e0 l\u2019aide d\u2019IA ?<\/strong><\/summary>\n<p style=\"margin:8px 0 4px 24px;color:#555;line-height:1.6;\">Oui. Selon Cheng Lou, le moteur a \u00e9t\u00e9 largement d\u00e9velopp\u00e9 \u00e0 l\u2019aide de Claude Code et de Codex. Ces outils d\u2019IA comparent leurs r\u00e9sultats \u00e0 la <em>ground truth<\/em> fournie par le navigateur et it\u00e8rent sur les cas limites. Il s\u2019agit d\u2019un exemple int\u00e9ressant de d\u00e9veloppement de biblioth\u00e8ques assist\u00e9 par IA, avec un signal de retour clairement d\u00e9fini.<\/p>\n<\/details>\n<div class=\"evm-styled-box\" style=\"background:#f0f8ff;border-radius:8px;padding:20px 24px;margin:24px 0;border-top:3px solid #0bb7fd;\">\n<h2 style=\"margin-top:0;margin-bottom:12px;font-size:1.05em;\">Lectures recommand\u00e9es par la r\u00e9daction<\/h2>\n<ul>\n<li><a href=\"https:\/\/www.cloudmagazin.com\/fr\/2026\/03\/28\/experience-developpeur-pourquoi-la-productivite-des-equipes-cloud-echoue-a-la-ch\/\">Exp\u00e9rience d\u00e9veloppeur : Pourquoi la productivit\u00e9 \u00e9choue \u00e0 la cha\u00eene d\u2019outils<\/a><\/li>\n<li><a href=\"https:\/\/www.cloudmagazin.com\/fr\/2026\/03\/23\/platform-engineering-2026-interne-developer-plattformen\/\">Ing\u00e9nierie de plateforme 2026 : Plateformes internes pour d\u00e9veloppeurs<\/a><\/li>\n<li><a href=\"https:\/\/www.cloudmagazin.com\/fr\/2026\/03\/25\/saaspocalypse-agents-ia-disruption-cloud\/\">SaaSpocalypse : Pourquoi les agents IA d\u00e9truisent le mod\u00e8le par utilisateur (<em>per-seat<\/em>)<\/a><\/li>\n<\/ul>\n<\/div>\n<h2>Plus d\u2019articles du r\u00e9seau MBF Media<\/h2>\n<p><a href=\"https:\/\/www.digital-chiefs.de\/digitalisierung-mittelstand-2026-statusbericht-vorstand\/\">Digital Chiefs : Num\u00e9risation du Mittelstand 2026  &#8211;  Le rapport de situation honn\u00eate<\/a><\/p>\n<p><a href=\"https:\/\/www.securitytoday.de\/fr\/2026\/03\/25\/copilot-sicherheitsrisiko-2026-prompt-injection-oversharing-dsgvo-bsi\/\">SecurityToday : Copilot comme risque de s\u00e9curit\u00e9<\/a><\/p>\n<p><a href=\"https:\/\/mybusinessfuture.com\/ki-made-in-germany-935-startups-oekosystem\/\">MyBusinessFuture : L\u2019IA \u00ab Made in Germany \u00bb  &#8211;  935 startups<\/a><\/p>\n<p style=\"text-align:right;font-style:italic;color:#888;font-size:0.85em;\">Source de l\u2019image : Pexels \/ Rashed Paykary (px:31343632)<\/p>\n","protected":false},"excerpt":{"rendered":"Une biblioth\u00e8que JavaScript d\u00e9velopp\u00e9e par un ing\u00e9nieur de Midjourney promet d\u2019acc\u00e9l\u00e9rer radicalement la mise en page du texte dans le navigateur. 6 800 \u00e9toiles GitHub en quelques jours, Hacker News en \u00e9bullition, des d\u00e9bats sur X pour savoir si CSS est arriv\u00e9 \u00e0 son terme. Les d\u00e9monstrations donnent l\u2019impression de magie&#8230;. <a class=\"view-article\" href=\"https:\/\/www.cloudmagazin.com\/fr\/2026\/03\/29\/pretext-une-bibliotheque-javascript-resout-elle-le-probleme-de-trente-ans-dans-le-navigateur-ou-sagit-il-simplement-dun-engouement-mediatique\/\">&raquo; Article<\/a>","protected":false},"author":98,"featured_media":28528,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_yoast_wpseo_meta-robots-noindex":"","_yoast_wpseo_meta-robots-nofollow":"","_yoast_wpseo_meta-robots-adv":"","_yoast_wpseo_canonical":"","_yoast_wpseo_opengraph-title":"","_yoast_wpseo_opengraph-description":"","_yoast_wpseo_opengraph-image":"","_yoast_wpseo_opengraph-image-id":0,"_yoast_wpseo_twitter-title":"","_yoast_wpseo_twitter-description":"","_yoast_wpseo_twitter-image":"","_yoast_wpseo_twitter-image-id":0,"pre_headline":"","bildquelle":"","teasertext":"","language":"de","_evm_slot_owner":"","_evm_translation_lang":"","featured_post":0,"featured_post_sortierung":0,"_wp_old_slug":["une-bibliotheque-javascript-resout-elle-un-probleme-vieux-de"],"footnotes":""},"categories":[934],"tags":[],"industry":[],"class_list":["post-36519","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-actualites"],"evm_reading_time_minutes":15,"wpml_language":"fr","wpml_translation_of":31695,"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.9 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Pretext : Une biblioth\u00e8que JavaScript r\u00e9sout-elle le probl\u00e8me de trente ans dans<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.cloudmagazin.com\/fr\/2026\/03\/29\/pretext-une-bibliotheque-javascript-resout-elle-le-probleme-de-trente-ans-dans-le-navigateur-ou-sagit-il-simplement-dun-engouement-mediatique\/\" \/>\n<meta property=\"og:locale\" content=\"fr_FR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Pretext : Une biblioth\u00e8que JavaScript r\u00e9sout-elle le probl\u00e8me de trente ans dans\" \/>\n<meta property=\"og:description\" content=\"Une biblioth\u00e8que JavaScript d\u00e9velopp\u00e9e par un ing\u00e9nieur de Midjourney promet d\u2019acc\u00e9l\u00e9rer radicalement la mise en page du texte dans le navigateur. 6 800 \u00e9toiles GitHub en quelques jours, Hacker News en \u00e9bullition, des d\u00e9bats sur X pour savoir si CSS est arriv\u00e9 \u00e0 son terme. Les d\u00e9monstrations donnent l\u2019impression de magie&#8230;. &raquo; Article\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.cloudmagazin.com\/fr\/2026\/03\/29\/pretext-une-bibliotheque-javascript-resout-elle-le-probleme-de-trente-ans-dans-le-navigateur-ou-sagit-il-simplement-dun-engouement-mediatique\/\" \/>\n<meta property=\"og:site_name\" content=\"cloudmagazin\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/cloudmagazincom\/\" \/>\n<meta property=\"article:published_time\" content=\"2026-03-29T13:06:16+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2026-08-03T14:09:07+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.cloudmagazin.com\/wp-content\/uploads\/2026\/03\/pretext-javascript-layout-library.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"2434\" \/>\n\t<meta property=\"og:image:height\" content=\"1500\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Tobias Massow\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@cloudmagazin\" \/>\n<meta name=\"twitter:site\" content=\"@cloudmagazin\" \/>\n<meta name=\"twitter:label1\" content=\"\u00c9crit par\" \/>\n\t<meta name=\"twitter:data1\" content=\"Tobias Massow\" \/>\n\t<meta name=\"twitter:label2\" content=\"Dur\u00e9e de lecture estim\u00e9e\" \/>\n\t<meta name=\"twitter:data2\" content=\"14 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"NewsArticle\",\"@id\":\"https:\\\/\\\/www.cloudmagazin.com\\\/fr\\\/2026\\\/03\\\/29\\\/pretext-une-bibliotheque-javascript-resout-elle-le-probleme-de-trente-ans-dans-le-navigateur-ou-sagit-il-simplement-dun-engouement-mediatique\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.cloudmagazin.com\\\/fr\\\/2026\\\/03\\\/29\\\/pretext-une-bibliotheque-javascript-resout-elle-le-probleme-de-trente-ans-dans-le-navigateur-ou-sagit-il-simplement-dun-engouement-mediatique\\\/\"},\"author\":{\"name\":\"Tobias Massow\",\"@id\":\"https:\\\/\\\/www.cloudmagazin.com\\\/fr\\\/#\\\/schema\\\/person\\\/1da9f418651805af4d71cf16565a5232\"},\"headline\":\"Biblio JS r\u00e9sout probl\u00e8me 30 ans navigateur : hype m\u00e9diatique ?\",\"datePublished\":\"2026-03-29T13:06:16+00:00\",\"dateModified\":\"2026-08-03T14:09:07+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.cloudmagazin.com\\\/fr\\\/2026\\\/03\\\/29\\\/pretext-une-bibliotheque-javascript-resout-elle-le-probleme-de-trente-ans-dans-le-navigateur-ou-sagit-il-simplement-dun-engouement-mediatique\\\/\"},\"wordCount\":2743,\"publisher\":{\"@id\":\"https:\\\/\\\/www.cloudmagazin.com\\\/fr\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/www.cloudmagazin.com\\\/fr\\\/2026\\\/03\\\/29\\\/pretext-une-bibliotheque-javascript-resout-elle-le-probleme-de-trente-ans-dans-le-navigateur-ou-sagit-il-simplement-dun-engouement-mediatique\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.cloudmagazin.com\\\/wp-content\\\/uploads\\\/2026\\\/03\\\/pretext-javascript-layout-library.jpg\",\"articleSection\":[\"Actualit\u00e9s\"],\"inLanguage\":\"fr-FR\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.cloudmagazin.com\\\/fr\\\/2026\\\/03\\\/29\\\/pretext-une-bibliotheque-javascript-resout-elle-le-probleme-de-trente-ans-dans-le-navigateur-ou-sagit-il-simplement-dun-engouement-mediatique\\\/\",\"url\":\"https:\\\/\\\/www.cloudmagazin.com\\\/fr\\\/2026\\\/03\\\/29\\\/pretext-une-bibliotheque-javascript-resout-elle-le-probleme-de-trente-ans-dans-le-navigateur-ou-sagit-il-simplement-dun-engouement-mediatique\\\/\",\"name\":\"Pretext : Une biblioth\u00e8que JavaScript r\u00e9sout-elle le probl\u00e8me de trente ans dans\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.cloudmagazin.com\\\/fr\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.cloudmagazin.com\\\/fr\\\/2026\\\/03\\\/29\\\/pretext-une-bibliotheque-javascript-resout-elle-le-probleme-de-trente-ans-dans-le-navigateur-ou-sagit-il-simplement-dun-engouement-mediatique\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.cloudmagazin.com\\\/fr\\\/2026\\\/03\\\/29\\\/pretext-une-bibliotheque-javascript-resout-elle-le-probleme-de-trente-ans-dans-le-navigateur-ou-sagit-il-simplement-dun-engouement-mediatique\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.cloudmagazin.com\\\/wp-content\\\/uploads\\\/2026\\\/03\\\/pretext-javascript-layout-library.jpg\",\"datePublished\":\"2026-03-29T13:06:16+00:00\",\"dateModified\":\"2026-08-03T14:09:07+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.cloudmagazin.com\\\/fr\\\/2026\\\/03\\\/29\\\/pretext-une-bibliotheque-javascript-resout-elle-le-probleme-de-trente-ans-dans-le-navigateur-ou-sagit-il-simplement-dun-engouement-mediatique\\\/#breadcrumb\"},\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.cloudmagazin.com\\\/fr\\\/2026\\\/03\\\/29\\\/pretext-une-bibliotheque-javascript-resout-elle-le-probleme-de-trente-ans-dans-le-navigateur-ou-sagit-il-simplement-dun-engouement-mediatique\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\\\/\\\/www.cloudmagazin.com\\\/fr\\\/2026\\\/03\\\/29\\\/pretext-une-bibliotheque-javascript-resout-elle-le-probleme-de-trente-ans-dans-le-navigateur-ou-sagit-il-simplement-dun-engouement-mediatique\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.cloudmagazin.com\\\/wp-content\\\/uploads\\\/2026\\\/03\\\/pretext-javascript-layout-library.jpg\",\"contentUrl\":\"https:\\\/\\\/www.cloudmagazin.com\\\/wp-content\\\/uploads\\\/2026\\\/03\\\/pretext-javascript-layout-library.jpg\",\"width\":2434,\"height\":1500,\"caption\":\"Pexels \\\/ Rashed Paykary (px:31343632)\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.cloudmagazin.com\\\/fr\\\/2026\\\/03\\\/29\\\/pretext-une-bibliotheque-javascript-resout-elle-le-probleme-de-trente-ans-dans-le-navigateur-ou-sagit-il-simplement-dun-engouement-mediatique\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.cloudmagazin.com\\\/fr\\\/accueil\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Biblio JS r\u00e9sout probl\u00e8me 30 ans navigateur : hype m\u00e9diatique ?\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.cloudmagazin.com\\\/fr\\\/#website\",\"url\":\"https:\\\/\\\/www.cloudmagazin.com\\\/fr\\\/\",\"name\":\"cloudmagazin\",\"description\":\"Inspiration f\u00fcr Businessentscheider\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.cloudmagazin.com\\\/fr\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.cloudmagazin.com\\\/fr\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"fr-FR\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.cloudmagazin.com\\\/fr\\\/#organization\",\"name\":\"cloudmagazin\",\"url\":\"https:\\\/\\\/www.cloudmagazin.com\\\/fr\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\\\/\\\/www.cloudmagazin.com\\\/fr\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/www.cloudmagazin.com\\\/wp-content\\\/uploads\\\/2020\\\/04\\\/cloudmagazin-logo-klein_menu.jpg\",\"contentUrl\":\"https:\\\/\\\/www.cloudmagazin.com\\\/wp-content\\\/uploads\\\/2020\\\/04\\\/cloudmagazin-logo-klein_menu.jpg\",\"width\":150,\"height\":150,\"caption\":\"cloudmagazin\"},\"image\":{\"@id\":\"https:\\\/\\\/www.cloudmagazin.com\\\/fr\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/cloudmagazincom\\\/\",\"https:\\\/\\\/x.com\\\/cloudmagazin\",\"https:\\\/\\\/www.linkedin.com\\\/showcase\\\/cloudmagazin\\\/\"]},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.cloudmagazin.com\\\/fr\\\/#\\\/schema\\\/person\\\/1da9f418651805af4d71cf16565a5232\",\"name\":\"Tobias Massow\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\\\/\\\/www.cloudmagazin.com\\\/wp-content\\\/uploads\\\/2026\\\/03\\\/tobi-m-2-cut.png\",\"url\":\"https:\\\/\\\/www.cloudmagazin.com\\\/wp-content\\\/uploads\\\/2026\\\/03\\\/tobi-m-2-cut.png\",\"contentUrl\":\"https:\\\/\\\/www.cloudmagazin.com\\\/wp-content\\\/uploads\\\/2026\\\/03\\\/tobi-m-2-cut.png\",\"caption\":\"Tobias Massow\"},\"description\":\"Tobias Massow est le directeur g\u00e9n\u00e9ral d'Evernine Media GmbH et l'\u00e9diteur de Cloudmagazin. Il supervise la direction strat\u00e9gique du magazine et de l'ensemble du r\u00e9seau MBF Media, qui comprend quatre magazines B2B sp\u00e9cialis\u00e9s pour les d\u00e9cideurs informatiques dans les pays germanophones.\",\"sameAs\":[\"https:\\\/\\\/www.linkedin.com\\\/in\\\/tobias-massow\\\/\"],\"url\":\"https:\\\/\\\/www.cloudmagazin.com\\\/fr\\\/author\\\/tobias\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Pretext : Une biblioth\u00e8que JavaScript r\u00e9sout-elle le probl\u00e8me de trente ans dans","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.cloudmagazin.com\/fr\/2026\/03\/29\/pretext-une-bibliotheque-javascript-resout-elle-le-probleme-de-trente-ans-dans-le-navigateur-ou-sagit-il-simplement-dun-engouement-mediatique\/","og_locale":"fr_FR","og_type":"article","og_title":"Pretext : Une biblioth\u00e8que JavaScript r\u00e9sout-elle le probl\u00e8me de trente ans dans","og_description":"Une biblioth\u00e8que JavaScript d\u00e9velopp\u00e9e par un ing\u00e9nieur de Midjourney promet d\u2019acc\u00e9l\u00e9rer radicalement la mise en page du texte dans le navigateur. 6 800 \u00e9toiles GitHub en quelques jours, Hacker News en \u00e9bullition, des d\u00e9bats sur X pour savoir si CSS est arriv\u00e9 \u00e0 son terme. Les d\u00e9monstrations donnent l\u2019impression de magie&#8230;. &raquo; Article","og_url":"https:\/\/www.cloudmagazin.com\/fr\/2026\/03\/29\/pretext-une-bibliotheque-javascript-resout-elle-le-probleme-de-trente-ans-dans-le-navigateur-ou-sagit-il-simplement-dun-engouement-mediatique\/","og_site_name":"cloudmagazin","article_publisher":"https:\/\/www.facebook.com\/cloudmagazincom\/","article_published_time":"2026-03-29T13:06:16+00:00","article_modified_time":"2026-08-03T14:09:07+00:00","og_image":[{"width":2434,"height":1500,"url":"https:\/\/www.cloudmagazin.com\/wp-content\/uploads\/2026\/03\/pretext-javascript-layout-library.jpg","type":"image\/jpeg"}],"author":"Tobias Massow","twitter_card":"summary_large_image","twitter_creator":"@cloudmagazin","twitter_site":"@cloudmagazin","twitter_misc":{"\u00c9crit par":"Tobias Massow","Dur\u00e9e de lecture estim\u00e9e":"14 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"NewsArticle","@id":"https:\/\/www.cloudmagazin.com\/fr\/2026\/03\/29\/pretext-une-bibliotheque-javascript-resout-elle-le-probleme-de-trente-ans-dans-le-navigateur-ou-sagit-il-simplement-dun-engouement-mediatique\/#article","isPartOf":{"@id":"https:\/\/www.cloudmagazin.com\/fr\/2026\/03\/29\/pretext-une-bibliotheque-javascript-resout-elle-le-probleme-de-trente-ans-dans-le-navigateur-ou-sagit-il-simplement-dun-engouement-mediatique\/"},"author":{"name":"Tobias Massow","@id":"https:\/\/www.cloudmagazin.com\/fr\/#\/schema\/person\/1da9f418651805af4d71cf16565a5232"},"headline":"Biblio JS r\u00e9sout probl\u00e8me 30 ans navigateur : hype m\u00e9diatique ?","datePublished":"2026-03-29T13:06:16+00:00","dateModified":"2026-08-03T14:09:07+00:00","mainEntityOfPage":{"@id":"https:\/\/www.cloudmagazin.com\/fr\/2026\/03\/29\/pretext-une-bibliotheque-javascript-resout-elle-le-probleme-de-trente-ans-dans-le-navigateur-ou-sagit-il-simplement-dun-engouement-mediatique\/"},"wordCount":2743,"publisher":{"@id":"https:\/\/www.cloudmagazin.com\/fr\/#organization"},"image":{"@id":"https:\/\/www.cloudmagazin.com\/fr\/2026\/03\/29\/pretext-une-bibliotheque-javascript-resout-elle-le-probleme-de-trente-ans-dans-le-navigateur-ou-sagit-il-simplement-dun-engouement-mediatique\/#primaryimage"},"thumbnailUrl":"https:\/\/www.cloudmagazin.com\/wp-content\/uploads\/2026\/03\/pretext-javascript-layout-library.jpg","articleSection":["Actualit\u00e9s"],"inLanguage":"fr-FR"},{"@type":"WebPage","@id":"https:\/\/www.cloudmagazin.com\/fr\/2026\/03\/29\/pretext-une-bibliotheque-javascript-resout-elle-le-probleme-de-trente-ans-dans-le-navigateur-ou-sagit-il-simplement-dun-engouement-mediatique\/","url":"https:\/\/www.cloudmagazin.com\/fr\/2026\/03\/29\/pretext-une-bibliotheque-javascript-resout-elle-le-probleme-de-trente-ans-dans-le-navigateur-ou-sagit-il-simplement-dun-engouement-mediatique\/","name":"Pretext : Une biblioth\u00e8que JavaScript r\u00e9sout-elle le probl\u00e8me de trente ans dans","isPartOf":{"@id":"https:\/\/www.cloudmagazin.com\/fr\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.cloudmagazin.com\/fr\/2026\/03\/29\/pretext-une-bibliotheque-javascript-resout-elle-le-probleme-de-trente-ans-dans-le-navigateur-ou-sagit-il-simplement-dun-engouement-mediatique\/#primaryimage"},"image":{"@id":"https:\/\/www.cloudmagazin.com\/fr\/2026\/03\/29\/pretext-une-bibliotheque-javascript-resout-elle-le-probleme-de-trente-ans-dans-le-navigateur-ou-sagit-il-simplement-dun-engouement-mediatique\/#primaryimage"},"thumbnailUrl":"https:\/\/www.cloudmagazin.com\/wp-content\/uploads\/2026\/03\/pretext-javascript-layout-library.jpg","datePublished":"2026-03-29T13:06:16+00:00","dateModified":"2026-08-03T14:09:07+00:00","breadcrumb":{"@id":"https:\/\/www.cloudmagazin.com\/fr\/2026\/03\/29\/pretext-une-bibliotheque-javascript-resout-elle-le-probleme-de-trente-ans-dans-le-navigateur-ou-sagit-il-simplement-dun-engouement-mediatique\/#breadcrumb"},"inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.cloudmagazin.com\/fr\/2026\/03\/29\/pretext-une-bibliotheque-javascript-resout-elle-le-probleme-de-trente-ans-dans-le-navigateur-ou-sagit-il-simplement-dun-engouement-mediatique\/"]}]},{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/www.cloudmagazin.com\/fr\/2026\/03\/29\/pretext-une-bibliotheque-javascript-resout-elle-le-probleme-de-trente-ans-dans-le-navigateur-ou-sagit-il-simplement-dun-engouement-mediatique\/#primaryimage","url":"https:\/\/www.cloudmagazin.com\/wp-content\/uploads\/2026\/03\/pretext-javascript-layout-library.jpg","contentUrl":"https:\/\/www.cloudmagazin.com\/wp-content\/uploads\/2026\/03\/pretext-javascript-layout-library.jpg","width":2434,"height":1500,"caption":"Pexels \/ Rashed Paykary (px:31343632)"},{"@type":"BreadcrumbList","@id":"https:\/\/www.cloudmagazin.com\/fr\/2026\/03\/29\/pretext-une-bibliotheque-javascript-resout-elle-le-probleme-de-trente-ans-dans-le-navigateur-ou-sagit-il-simplement-dun-engouement-mediatique\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.cloudmagazin.com\/fr\/accueil\/"},{"@type":"ListItem","position":2,"name":"Biblio JS r\u00e9sout probl\u00e8me 30 ans navigateur : hype m\u00e9diatique ?"}]},{"@type":"WebSite","@id":"https:\/\/www.cloudmagazin.com\/fr\/#website","url":"https:\/\/www.cloudmagazin.com\/fr\/","name":"cloudmagazin","description":"Inspiration f\u00fcr Businessentscheider","publisher":{"@id":"https:\/\/www.cloudmagazin.com\/fr\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.cloudmagazin.com\/fr\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"fr-FR"},{"@type":"Organization","@id":"https:\/\/www.cloudmagazin.com\/fr\/#organization","name":"cloudmagazin","url":"https:\/\/www.cloudmagazin.com\/fr\/","logo":{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/www.cloudmagazin.com\/fr\/#\/schema\/logo\/image\/","url":"https:\/\/www.cloudmagazin.com\/wp-content\/uploads\/2020\/04\/cloudmagazin-logo-klein_menu.jpg","contentUrl":"https:\/\/www.cloudmagazin.com\/wp-content\/uploads\/2020\/04\/cloudmagazin-logo-klein_menu.jpg","width":150,"height":150,"caption":"cloudmagazin"},"image":{"@id":"https:\/\/www.cloudmagazin.com\/fr\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/cloudmagazincom\/","https:\/\/x.com\/cloudmagazin","https:\/\/www.linkedin.com\/showcase\/cloudmagazin\/"]},{"@type":"Person","@id":"https:\/\/www.cloudmagazin.com\/fr\/#\/schema\/person\/1da9f418651805af4d71cf16565a5232","name":"Tobias Massow","image":{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/www.cloudmagazin.com\/wp-content\/uploads\/2026\/03\/tobi-m-2-cut.png","url":"https:\/\/www.cloudmagazin.com\/wp-content\/uploads\/2026\/03\/tobi-m-2-cut.png","contentUrl":"https:\/\/www.cloudmagazin.com\/wp-content\/uploads\/2026\/03\/tobi-m-2-cut.png","caption":"Tobias Massow"},"description":"Tobias Massow est le directeur g\u00e9n\u00e9ral d'Evernine Media GmbH et l'\u00e9diteur de Cloudmagazin. Il supervise la direction strat\u00e9gique du magazine et de l'ensemble du r\u00e9seau MBF Media, qui comprend quatre magazines B2B sp\u00e9cialis\u00e9s pour les d\u00e9cideurs informatiques dans les pays germanophones.","sameAs":["https:\/\/www.linkedin.com\/in\/tobias-massow\/"],"url":"https:\/\/www.cloudmagazin.com\/fr\/author\/tobias\/"}]}},"_links":{"self":[{"href":"https:\/\/www.cloudmagazin.com\/fr\/wp-json\/wp\/v2\/posts\/36519","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.cloudmagazin.com\/fr\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.cloudmagazin.com\/fr\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.cloudmagazin.com\/fr\/wp-json\/wp\/v2\/users\/98"}],"replies":[{"embeddable":true,"href":"https:\/\/www.cloudmagazin.com\/fr\/wp-json\/wp\/v2\/comments?post=36519"}],"version-history":[{"count":7,"href":"https:\/\/www.cloudmagazin.com\/fr\/wp-json\/wp\/v2\/posts\/36519\/revisions"}],"predecessor-version":[{"id":50649,"href":"https:\/\/www.cloudmagazin.com\/fr\/wp-json\/wp\/v2\/posts\/36519\/revisions\/50649"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.cloudmagazin.com\/fr\/wp-json\/wp\/v2\/media\/28528"}],"wp:attachment":[{"href":"https:\/\/www.cloudmagazin.com\/fr\/wp-json\/wp\/v2\/media?parent=36519"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.cloudmagazin.com\/fr\/wp-json\/wp\/v2\/categories?post=36519"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.cloudmagazin.com\/fr\/wp-json\/wp\/v2\/tags?post=36519"},{"taxonomy":"industry","embeddable":true,"href":"https:\/\/www.cloudmagazin.com\/fr\/wp-json\/wp\/v2\/industry?post=36519"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}