{"id":33372,"date":"2026-03-29T15:06:16","date_gmt":"2026-03-29T13:06:16","guid":{"rendered":"https:\/\/www.cloudmagazin.com\/2026\/04\/10\/pretext-bibliotheque-javascript-probleme-30-ans\/"},"modified":"2026-08-03T16:09:09","modified_gmt":"2026-08-03T14:09:09","slug":"pretext-bibliotheque-javascript-probleme-30-ans","status":"publish","type":"post","link":"https:\/\/www.cloudmagazin.com\/fr\/2026\/03\/29\/pretext-bibliotheque-javascript-probleme-30-ans\/","title":{"rendered":"Pretext : JS r\u00e9sout probl\u00e8me 30 ans dans le navigateur ou mode ?"},"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\u2019un 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 pleine effervescence, et sur X, on d\u00e9bat pour savoir si CSS touche \u00e0 sa fin. Les d\u00e9mos semblent magiques. Mais \u00e0 y regarder de plus pr\u00e8s, on d\u00e9couvre une histoire d\u2019h\u00e9ritages encombrants des navigateurs, de hacks g\u00e9niaux et de l\u2019\u00e9ternelle question : quand une abstraction est-elle la solution &#8211; et quand devient-elle le probl\u00e8me ?<\/strong><\/p>\n<h2>L\u2019essentiel en bref<\/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 reflows du DOM &#8211; selon son d\u00e9veloppeur, environ 500 fois plus vite qu\u2019une mise en page bas\u00e9e sur le DOM (une comparaison qu\u2019il qualifie lui-m\u00eame d\u2019\u00ab injuste&#8220;)<\/li>\n<li><strong>Qui :<\/strong> Cheng Lou, ing\u00e9nieur chez Midjourney et contributeur \u00e0 React, cr\u00e9ateur de react-motion (plus de 21 700 \u00e9toiles)<\/li>\n<li><strong>Comment :<\/strong> Une approche en deux phases &#8211; une mesure unique via Canvas (environ 19 ms pour 500 textes), puis de la pure arithm\u00e9tique dans le chemin critique (environ 0,09 ms)<\/li>\n<li><strong>Pour qui :<\/strong> Les interfaces tr\u00e8s performantes comme les chats, les outils \u00e9ditoriaux, les listes virtualis\u00e9es &#8211; pas pour les sites web standard<\/li>\n<li><strong>\u00c0 retenir :<\/strong> Une approche techniquement valide port\u00e9e par un d\u00e9veloppeur s\u00e9rieux, mais le buzz viral d\u00e9passe nettement le niveau de maturit\u00e9 actuel<\/li>\n<\/ul>\n<\/div>\n<h2>Pourquoi Internet s\u2019est emball\u00e9<\/h2>\n<p>Il y a des moments, dans le monde du frontend, o\u00f9 quelqu\u2019un montre quelque chose qui ne devrait normalement pas \u00eatre possible. Du texte qui s\u2019\u00e9coule en temps r\u00e9el autour de formes quelconques. Des bulles de chat qui s\u2019adaptent \u00e0 leur contenu au pixel pr\u00e8s. Des mises en page de magazine qui r\u00e9agissent \u00e0 120 fps. Dans le navigateur. Sans hacks, sans contournements, sans que la page ne s\u2019effondre sous la charge.<\/p>\n<p>Cheng Lou en a fait la d\u00e9monstration la semaine derni\u00e8re. \u201eJ\u2019ai travers\u00e9 les profondeurs de l\u2019enfer pour vous apporter l\u2019un des fondements les plus importants de l\u2019ing\u00e9nierie UI pour les ann\u00e9es \u00e0 venir&#8220;, a-t-il \u00e9crit sur X. L\u2019euph\u00e9misme n\u2019est pas son point fort. Mais les d\u00e9mos tiennent la promesse de l\u2019annonce &#8211; du moins au premier regard.<\/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=\"color:#fff;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;\">\u201eTous les sites web que vous avez d\u00e9j\u00e0 utilis\u00e9s sont cass\u00e9s. J&#8217;ai travers\u00e9 les profondeurs de l\u2019enfer pour vous apporter ce que je consid\u00e8re comme l&#8217;un des fondements les plus importants de l\u2019ing\u00e9nierie UI pour les ann\u00e9es \u00e0 venir : une mesure du texte rapide et pr\u00e9cise en TypeScript pur.&#8220;<\/p>\n<div style=\"color:#fff;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;\">Voir le fil complet 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 dont il est question. Plus de 6 800 \u00e9toiles GitHub en quelques jours. Sur Hacker News, le d\u00e9bat a eu lieu sous le titre \u201eL\u2019avenir de la mise en page du texte n\u2019est pas CSS&#8220;. 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>C\u2019est aussi li\u00e9 \u00e0 son auteur. Cheng Lou est loin d\u2019\u00eatre 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\u2019animation les plus utilis\u00e9es de l\u2019\u00e9cosyst\u00e8me React. Aujourd\u2019hui, il contribue chez Midjourney \u00e0 l\u2019<a href=\"https:\/\/www.cloudmagazin.com\/fr\/2026\/03\/28\/experience-developpeurs-productivite-equipes-cloud-toolchain\/\">architecture frontend<\/a> : stack <a href=\"https:\/\/bun.sh\/\" target=\"_blank\" rel=\"noopener\">Bun<\/a>, React vanilla, pas de framework. Cinq d\u00e9veloppeurs \u00e0 temps plein pour des millions d\u2019utilisateurs. Quand cet homme dit que le navigateur est cass\u00e9, on l\u2019\u00e9coute.<\/p>\n<h2>Le probl\u00e8me vieux de 30 ans que personne n\u2019avait remarqu\u00e9<\/h2>\n<p>Pour comprendre pourquoi Pretext existe, il faut comprendre ce que fait r\u00e9ellement le navigateur lorsqu\u2019il affiche du texte. La version courte : beaucoup trop de choses.<\/p>\n<p>Chaque fois qu\u2019il faut calculer la hauteur d\u2019un bloc de texte ou l\u2019endroit o\u00f9 une ligne doit passer \u00e0 la suivante, le navigateur d\u00e9clenche un reflow de mise en page. Il mesure les lettres, calcule les espacements, coupe les lignes, v\u00e9rifie les r\u00e8gles d\u2019overflow, actualise la mise en page de tous les \u00e9l\u00e9ments autour. C\u2019est l\u2019une des op\u00e9rations les plus co\u00fbteuses dans le navigateur. Sur un site statique, cela ne p\u00e8se pas lourd. Dans des interfaces dynamiques &#8211; applications de chat, \u00e9diteurs, mises en page anim\u00e9es, listes virtualis\u00e9es avec des milliers d\u2019entr\u00e9es &#8211; cela devient le goulot d\u2019\u00e9tranglement.<\/p>\n<p>Le plus insidieux : la plupart des d\u00e9veloppeurs ne remarquent jamais le probl\u00e8me. Leurs sites fonctionnent, apr\u00e8s tout. Le texte s\u2019affiche, les lignes se coupent, tout va bien. Ce n\u2019est que lorsqu\u2019on essaie de mettre en page dynamiquement des centaines de blocs de texte en m\u00eame temps &#8211; une application de chat, un outil de tableau blanc, un \u00e9diteur de mise en page pour magazine &#8211; que l\u2019on se heurte au mur. Et ce mur est l\u00e0 depuis que Netscape Navigator a rendu la 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 hot path &#8211; selon le d\u00e9veloppeur, environ 500 fois plus rapide que la mise en page DOM (il qualifie lui-m\u00eame la comparaison d\u2019\u00ab unfair&#8220;)<\/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 d\u00e9joue le navigateur<\/h2>\n<p>La solution de Pretext est conceptuellement \u00e9l\u00e9gante et techniquement complexe.<\/p>\n<p><strong>Phase 1 &#8211; prepare():<\/strong> Le texte est normalis\u00e9, d\u00e9coup\u00e9 en segments et 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. Non pas via le DOM, mais via le moteur de polices bas niveau que le navigateur embarque de toute fa\u00e7on. Les r\u00e9sultats sont plac\u00e9s en cache. Cela prend une seule fois environ 19 millisecondes pour 500 blocs de texte. On paie une fois, on r\u00e9utilise autant de fois qu\u2019on veut.<\/p>\n<p><strong>Phase 2 &#8211; layout():<\/strong> \u00c0 partir de l\u00e0, Pretext ne travaille plus qu\u2019avec les valeurs de largeur mises en cache. De la pure arithm\u00e9tique, aucun contact avec le DOM. O\u00f9 la ligne se coupe-t-elle ? Quelle hauteur prendra le paragraphe ? Le texte tient-il dans cette bo\u00eete ? Tout est r\u00e9solu par les math\u00e9matiques, pas par la mise en page du navigateur. 0,09 milliseconde pour 500 textes.<\/p>\n<p>Cela rend possibles des choses tout simplement impossibles avec CSS : du texte qui \u00e9pouse dynamiquement des formes arbitraires. Des conteneurs qui se resserrent exactement \u00e0 la largeur la plus \u00e9troite pour un nombre donn\u00e9 de lignes (shrink-wrap). Des mises en page fa\u00e7on magazine avec des largeurs de colonnes variables &#8211; le tout \u00e0 120 images par seconde.<\/p>\n<p>Un d\u00e9tail qui devrait faire dresser l\u2019oreille aux d\u00e9veloppeurs frontend : selon Cheng Lou, le moteur a \u00e9t\u00e9 d\u00e9velopp\u00e9 en grande partie avec l\u2019aide de Claude Code et de Codex. Les outils d\u2019IA comparent leurs r\u00e9sultats \u00e0 la ground truth du navigateur, it\u00e8rent sur les cas limites et optimisent l\u2019algorithme de mise en page. C\u2019est un exemple fascinant de ce \u00e0 quoi ressemble l\u2019ing\u00e9nierie assist\u00e9e par IA lorsque la t\u00e2che est clairement d\u00e9finie et que le signal de feedback est sans ambigu\u00eft\u00e9.<\/p>\n<h2>Les d\u00e9mos : effet waouh avec notes de bas de page<\/h2>\n<p>La page de d\u00e9monstration officielle pr\u00e9sente sept showcases : des <a href=\"https:\/\/chenglou.me\/pretext\/accordion\/\" target=\"_blank\" rel=\"noopener\">mises en page en accord\u00e9on<\/a> aux <a href=\"https:\/\/chenglou.me\/pretext\/bubbles\/\" target=\"_blank\" rel=\"noopener\">bulles de chat avec un espace vide minimal<\/a>, jusqu\u2019\u00e0 une d\u00e9mo de moteur \u00e9ditorial avec mise en page multi-colonnes anim\u00e9e, pull quotes et reflow en direct. S\u2019y ajoutent des d\u00e9mos de la communaut\u00e9 qui recr\u00e9ent des mises en page de magazine et des grilles masonry.<\/p>\n<p>\u00c0 premi\u00e8re vue, les d\u00e9mos donnent l\u2019impression de montrer quelque chose qui ne devrait pas \u00eatre possible dans un navigateur. Le texte s\u2019\u00e9coule avec fluidit\u00e9 autour des obstacles, les conteneurs s\u2019ajustent en temps r\u00e9el, les mises en page r\u00e9agissent sans latence visible. Sans oublier les probl\u00e8mes du quotidien : zones de texte qui s\u2019agrandissent automatiquement, centrage de texte sur plusieurs lignes, voire <a href=\"https:\/\/chenglou.me\/pretext\/variable-typographic-ascii\/\" target=\"_blank\" rel=\"noopener\">ASCII art en police variable<\/a> comme preuve de concept.<\/p>\n<p>Et puis on ouvre la discussion sur Hacker News. Et les notes de bas de page commencent.<\/p>\n<h2>Ce que le battage m\u00e9diatique 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&#8217;est 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 \u00e0 propos de son propre benchmark<\/strong> &middot; X, mars 2026<\/footer>\n<\/blockquote>\n<\/figure>\n<p>Le fait que le d\u00e9veloppeur qualifie son propre benchmark d&rsquo;\u201einjuste&#8220; m\u00e9rite le respect. L&rsquo;acc\u00e9l\u00e9ration d&rsquo;environ 500 fois dans le hot path compare un chemin de calcul mis en cache avec une premi\u00e8re mesure compl\u00e8te via getBoundingClientRect(). C&rsquo;est comme dire \u201ema voiture est 500 fois plus rapide que la tienne&#8220; &#8211; mais seulement si l&rsquo;on ne compte pas le temps pass\u00e9 \u00e0 faire le plein. La premi\u00e8re mesure (prepare) co\u00fbte 19 millisecondes. Pour la plupart des sites web, la diff\u00e9rence est sans importance, car ils ne d\u00e9clenchent pas une centaine de reflows par frame.<\/p>\n<p><strong>Qualit\u00e9 de la d\u00e9mo au lancement :<\/strong> Plusieurs d\u00e9veloppeurs ont remarqu\u00e9 que la page de d\u00e9monstration elle-m\u00eame pr\u00e9sentait des probl\u00e8mes de rendu. Le texte \u00e9tait coup\u00e9 (overflow: hidden) et, sur les appareils mobiles, la page \u00e9tait, selon un commentaire sur HN, \u201efully and completely broken&#8220;. Un d\u00e9veloppeur a comment\u00e9 s\u00e8chement : \u201eLa biblioth\u00e8que qui veut r\u00e9parer le web a un site cass\u00e9.&#8220; Depuis, la plupart des probl\u00e8mes ont \u00e9t\u00e9 corrig\u00e9s.<\/p>\n<p><strong>CSS savait d\u00e9j\u00e0 le faire :<\/strong> Certains des layouts montr\u00e9s &#8211; texte autour de formes, Exclusion Zones, 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 sous forme de sp\u00e9cifications. Elles n&rsquo;ont jamais \u00e9t\u00e9 largement impl\u00e9ment\u00e9es parce que les \u00e9diteurs de navigateurs ont fix\u00e9 d&rsquo;autres priorit\u00e9s. Pretext ne r\u00e9sout donc pas un probl\u00e8me de CSS, mais un probl\u00e8me d&rsquo;engagement des navigateurs. C&rsquo;est une distinction importante.<\/p>\n<p><strong>Niveau de maturit\u00e9 :<\/strong> Pretext est un jeune <a href=\"https:\/\/www.cloudmagazin.com\/fr\/2026\/03\/22\/opentofu-contre-terraform-ce-que-lacquisition-par-ibm-signifie-pour-votre-infras\/\">projet open source<\/a>. L&rsquo;auteur documente honn\u00eatement les limites : utiliser system-ui comme police peut entra\u00eener des mesures impr\u00e9cises sur macOS. Les conteneurs tr\u00e8s \u00e9troits provoquent des retours \u00e0 la ligne au milieu des mots. Le rendu c\u00f4t\u00e9 serveur n&rsquo;est pas encore pr\u00eat. Quiconque utilise Pretext en production aujourd&rsquo;hui est un early adopter, 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 vrai probl\u00e8me &#8211; mais un probl\u00e8me sp\u00e9cifique. Pretext devient pertinent l\u00e0 o\u00f9 de nombreux blocs de texte doivent \u00eatre mis en page dynamiquement en m\u00eame temps :<\/p>\n<ul>\n<li><strong>Interfaces de chat :<\/strong> applications de messagerie qui virtualisent des milliers de bulles de messages et doivent calculer leur hauteur \u00e0 l&rsquo;avance<\/li>\n<li><strong>Outils \u00e9ditoriaux :<\/strong> \u00e9diteurs de mise en page pour magazines, newsletters ou pr\u00e9sentations, qui font circuler le texte autour des images en temps r\u00e9el<\/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 virtualis\u00e9es :<\/strong> toute application qui affiche des centaines ou des milliers de blocs de texte et doit conna\u00eetre leurs dimensions avant leur apparition dans le viewport<\/li>\n<\/ul>\n<p>Pour les entreprises de la r\u00e9gion DACH qui d\u00e9veloppent leurs propres produits SaaS avec des interfaces riches en texte, il vaut la peine de suivre son niveau de maturit\u00e9. Pour un site d&rsquo;entreprise, un blog ou une landing page, Pretext n&rsquo;apporte aucun avantage mesurable. Et c&rsquo;est tr\u00e8s bien ainsi. Toutes les biblioth\u00e8ques n&rsquo;ont pas besoin de sauver le monde. Parfois, il suffit de r\u00e9soudre \u00e9l\u00e9gamment un probl\u00e8me difficile pour le bon public cible.<\/p>\n<h2>Mise en perspective : entre g\u00e9nie et emballement<\/h2>\n<p>Pretext n&rsquo;est ni une arnaque ni une promesse creuse. Le noyau technique &#8211; \u00e9liminer les mesures DOM du hot path de layout et les remplacer par de l&rsquo;arithm\u00e9tique mise en cache &#8211; est une approche valable, qui fait une vraie diff\u00e9rence dans certains cas d&rsquo;usage. Le fait que Cheng Lou qualifie son propre benchmark d&rsquo;\u201einjuste&#8220; et documente clairement les limites le distingue agr\u00e9ablement des habituels dev-influenceurs qui proclament chaque semaine le prochain framework comme une r\u00e9volution.<\/p>\n<p>Comme souvent, la v\u00e9rit\u00e9 se situe quelque part au milieu. Non, \u201eevery website you&#8217;ve ever used&#8220; n&rsquo;est pas cass\u00e9. Le claim viral est du clickbait, probablement choisi en toute connaissance de cause. Mais le probl\u00e8me sous-jacent est r\u00e9el : le layout des navigateurs est trop lent pour certains cas d&rsquo;usage, et CSS a promis des fonctionnalit\u00e9s qui ne sont jamais arriv\u00e9es. Pretext comble cette lacune &#8211; avec \u00e9l\u00e9gance, performance et des limites claires.<\/p>\n<p>Ce qu&rsquo;il reste : une prouesse technique impressionnante, sign\u00e9e par un d\u00e9veloppeur qui sait ce qu&rsquo;il fait. Une biblioth\u00e8que qui, dans un an, sera soit un \u00e9l\u00e9ment incontournable de la bo\u00eete \u00e0 outils frontend &#8211; soit prendra la poussi\u00e8re dans la liste \u201eAwesome JavaScript&#8220; comme une exp\u00e9rience g\u00e9niale. Les deux seraient un destin honorable.<\/p>\n<h2>Questions fr\u00e9quentes<\/h2>\n<details>\n<summary><strong>Qu\u2019est-ce que Pretext exactement ?<\/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 op\u00e9rations DOM. Elle mesure le texte une seule fois via l\u2019API Canvas, puis calcule les retours \u00e0 la ligne, les hauteurs et les positionnements de mani\u00e8re purement math\u00e9matique. D\u00e9velopp\u00e9e par Cheng Lou (Midjourney, ex-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 hot path, selon le d\u00e9veloppeur, environ 500x : 0,09 ms pour 500 blocs de texte contre des mesures DOM via getBoundingClientRect(). Cheng Lou lui-m\u00eame qualifie la comparaison d\u2019\u201einjuste&#8220;, car la premi\u00e8re mesure unique (~19 ms) n\u2019est pas prise en compte. Pour les sites web standard, la diff\u00e9rence est sans importance.<\/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 s\u2019appuie sur le moteur de polices du navigateur, mais contourne le processus de mise en page du 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>En ai-je besoin 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 chat, les outils \u00e9ditoriaux, les interfaces bas\u00e9es sur Canvas et les listes virtualis\u00e9es. Pour les blogs, les sites d\u2019entreprise ou l\u2019e-commerce, il n\u2019apporte aucun avantage. Le d\u00e9veloppeur lui-m\u00eame le reconna\u00eet.<\/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 encore en d\u00e9veloppement actif. Le rendu c\u00f4t\u00e9 serveur manque, et la page de d\u00e9monstration pr\u00e9sentait des probl\u00e8mes de rendu au lancement. L\u2019utilisation de system-ui comme police peut entra\u00eener des mesures impr\u00e9cises sur macOS. Pour une utilisation en production, il faut surveiller le degr\u00e9 de maturit\u00e9.<\/p>\n<\/details>\n<details>\n<summary><strong>Pretext a-t-il \u00e9t\u00e9 d\u00e9velopp\u00e9 avec l\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 d\u00e9velopp\u00e9 en grande partie avec Claude Code et Codex. Les outils d\u2019IA comparent leurs r\u00e9sultats \u00e0 la ground truth du navigateur et it\u00e8rent sur les cas limites. C\u2019est un exemple int\u00e9ressant de d\u00e9veloppement de biblioth\u00e8que assist\u00e9 par l\u2019IA, avec un signal de feedback clairement d\u00e9finissable.<\/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;\">Conseils de lecture de la r\u00e9daction<\/h2>\n<ul>\n<li><a href=\"https:\/\/www.cloudmagazin.com\/fr\/2026\/03\/28\/experience-developpeurs-productivite-equipes-cloud-toolchain\/\">Developer Experience : pourquoi la productivit\u00e9 \u00e9choue \u00e0 cause de la cha\u00eene d\u2019outils<\/a><\/li>\n<li>Platform Engineering 2026 : plateformes internes pour d\u00e9veloppeurs<\/li>\n<li><a href=\"https:\/\/www.cloudmagazin.com\/fr\/2026\/03\/25\/saaspocalypse-agents-ia-disruption-cloud\/\">SaaSpocalypse : pourquoi les agents IA font voler en \u00e9clats le mod\u00e8le par si\u00e8ge<\/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 : Transformation num\u00e9rique des PME 2026 &#8211; le rapport de situation sans fard<\/a><\/p>\n<p><a href=\"https:\/\/www.securitytoday.de\/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 : IA made in Germany &#8211; 935 startups<\/a><\/p>\n<p style=\"text-align:right;font-style:italic;color:#888;font-size:0.85em;\">Source de l\u2019image de titre : Pexels \/ Rashed Paykary (px:31343632)<\/p>\n","protected":false},"excerpt":{"rendered":"Pretext promet un agencement de texte jusqu&rsquo;\u00e0 500 fois plus rapide sans reflows du DOM. Ce que peut faire cette biblioth\u00e8que JavaScript cr\u00e9\u00e9e par un ing\u00e9nieur de Midjourney, et pour qui elle est utile.","protected":false},"author":31,"featured_media":28528,"comment_status":"open","ping_status":"open","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":[],"footnotes":""},"categories":[934],"tags":[],"industry":[],"class_list":["post-33372","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-actualites"],"evm_reading_time_minutes":14,"wpml_language":"fr","wpml_translation_of":28527,"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 vieux de 30 ans da<\/title>\n<meta name=\"description\" content=\"Pretext : un agencement de texte jusqu&#039;\u00e0 500 fois plus rapide dans le navigateur, sans reflows du DOM. Ce que peut vraiment la biblioth\u00e8que JavaScript de l&#039;ing\u00e9nieur de Midjourney.\" \/>\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-bibliotheque-javascript-probleme-30-ans\/\" \/>\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 vieux de 30 ans da\" \/>\n<meta property=\"og:description\" content=\"Pretext : un agencement de texte jusqu&#039;\u00e0 500 fois plus rapide dans le navigateur, sans reflows du DOM. Ce que peut vraiment la biblioth\u00e8que JavaScript de l&#039;ing\u00e9nieur de Midjourney.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.cloudmagazin.com\/fr\/2026\/03\/29\/pretext-bibliotheque-javascript-probleme-30-ans\/\" \/>\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:09+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=\"Alec Chizhik\" \/>\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=\"Alec Chizhik\" \/>\n\t<meta name=\"twitter:label2\" content=\"Dur\u00e9e de lecture estim\u00e9e\" \/>\n\t<meta name=\"twitter:data2\" content=\"13 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-bibliotheque-javascript-probleme-30-ans\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.cloudmagazin.com\\\/fr\\\/2026\\\/03\\\/29\\\/pretext-bibliotheque-javascript-probleme-30-ans\\\/\"},\"author\":{\"name\":\"Alec Chizhik\",\"@id\":\"https:\\\/\\\/www.cloudmagazin.com\\\/fr\\\/#\\\/schema\\\/person\\\/ce38baaa19a580268aedce096597eb3c\"},\"headline\":\"Pretext : JS r\u00e9sout probl\u00e8me 30 ans dans le navigateur ou mode ?\",\"datePublished\":\"2026-03-29T13:06:16+00:00\",\"dateModified\":\"2026-08-03T14:09:09+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.cloudmagazin.com\\\/fr\\\/2026\\\/03\\\/29\\\/pretext-bibliotheque-javascript-probleme-30-ans\\\/\"},\"wordCount\":2669,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\\\/\\\/www.cloudmagazin.com\\\/fr\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/www.cloudmagazin.com\\\/fr\\\/2026\\\/03\\\/29\\\/pretext-bibliotheque-javascript-probleme-30-ans\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.cloudmagazin.com\\\/wp-content\\\/uploads\\\/2026\\\/03\\\/pretext-javascript-layout-library.jpg\",\"articleSection\":[\"Actualit\u00e9s\"],\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/www.cloudmagazin.com\\\/fr\\\/2026\\\/03\\\/29\\\/pretext-bibliotheque-javascript-probleme-30-ans\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.cloudmagazin.com\\\/fr\\\/2026\\\/03\\\/29\\\/pretext-bibliotheque-javascript-probleme-30-ans\\\/\",\"url\":\"https:\\\/\\\/www.cloudmagazin.com\\\/fr\\\/2026\\\/03\\\/29\\\/pretext-bibliotheque-javascript-probleme-30-ans\\\/\",\"name\":\"Pretext : une biblioth\u00e8que JavaScript r\u00e9sout-elle le probl\u00e8me vieux de 30 ans da\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.cloudmagazin.com\\\/fr\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.cloudmagazin.com\\\/fr\\\/2026\\\/03\\\/29\\\/pretext-bibliotheque-javascript-probleme-30-ans\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.cloudmagazin.com\\\/fr\\\/2026\\\/03\\\/29\\\/pretext-bibliotheque-javascript-probleme-30-ans\\\/#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:09+00:00\",\"description\":\"Pretext : un agencement de texte jusqu'\u00e0 500 fois plus rapide dans le navigateur, sans reflows du DOM. Ce que peut vraiment la biblioth\u00e8que JavaScript de l'ing\u00e9nieur de Midjourney.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.cloudmagazin.com\\\/fr\\\/2026\\\/03\\\/29\\\/pretext-bibliotheque-javascript-probleme-30-ans\\\/#breadcrumb\"},\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.cloudmagazin.com\\\/fr\\\/2026\\\/03\\\/29\\\/pretext-bibliotheque-javascript-probleme-30-ans\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\\\/\\\/www.cloudmagazin.com\\\/fr\\\/2026\\\/03\\\/29\\\/pretext-bibliotheque-javascript-probleme-30-ans\\\/#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-bibliotheque-javascript-probleme-30-ans\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.cloudmagazin.com\\\/fr\\\/accueil\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Pretext : JS r\u00e9sout probl\u00e8me 30 ans dans le navigateur ou mode ?\"}]},{\"@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\\\/ce38baaa19a580268aedce096597eb3c\",\"name\":\"Alec Chizhik\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\\\/\\\/www.cloudmagazin.com\\\/wp-content\\\/uploads\\\/2026\\\/03\\\/alec-chizhik.jpg\",\"url\":\"https:\\\/\\\/www.cloudmagazin.com\\\/wp-content\\\/uploads\\\/2026\\\/03\\\/alec-chizhik.jpg\",\"contentUrl\":\"https:\\\/\\\/www.cloudmagazin.com\\\/wp-content\\\/uploads\\\/2026\\\/03\\\/alec-chizhik.jpg\",\"caption\":\"Alec Chizhik\"},\"description\":\"Alec est le directeur num\u00e9rique chez Evernine et \u00e9crit sur les architectures cloud, la cybers\u00e9curit\u00e9 et les pratiques op\u00e9rationnelles num\u00e9riques.\",\"sameAs\":[\"https:\\\/\\\/www.linkedin.com\\\/in\\\/alecchizhik\\\/\"],\"url\":\"https:\\\/\\\/www.cloudmagazin.com\\\/fr\\\/author\\\/alec\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Pretext : une biblioth\u00e8que JavaScript r\u00e9sout-elle le probl\u00e8me vieux de 30 ans da","description":"Pretext : un agencement de texte jusqu'\u00e0 500 fois plus rapide dans le navigateur, sans reflows du DOM. Ce que peut vraiment la biblioth\u00e8que JavaScript de l'ing\u00e9nieur de Midjourney.","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-bibliotheque-javascript-probleme-30-ans\/","og_locale":"fr_FR","og_type":"article","og_title":"Pretext : une biblioth\u00e8que JavaScript r\u00e9sout-elle le probl\u00e8me vieux de 30 ans da","og_description":"Pretext : un agencement de texte jusqu'\u00e0 500 fois plus rapide dans le navigateur, sans reflows du DOM. Ce que peut vraiment la biblioth\u00e8que JavaScript de l'ing\u00e9nieur de Midjourney.","og_url":"https:\/\/www.cloudmagazin.com\/fr\/2026\/03\/29\/pretext-bibliotheque-javascript-probleme-30-ans\/","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:09+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":"Alec Chizhik","twitter_card":"summary_large_image","twitter_creator":"@cloudmagazin","twitter_site":"@cloudmagazin","twitter_misc":{"\u00c9crit par":"Alec Chizhik","Dur\u00e9e de lecture estim\u00e9e":"13 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"NewsArticle","@id":"https:\/\/www.cloudmagazin.com\/fr\/2026\/03\/29\/pretext-bibliotheque-javascript-probleme-30-ans\/#article","isPartOf":{"@id":"https:\/\/www.cloudmagazin.com\/fr\/2026\/03\/29\/pretext-bibliotheque-javascript-probleme-30-ans\/"},"author":{"name":"Alec Chizhik","@id":"https:\/\/www.cloudmagazin.com\/fr\/#\/schema\/person\/ce38baaa19a580268aedce096597eb3c"},"headline":"Pretext : JS r\u00e9sout probl\u00e8me 30 ans dans le navigateur ou mode ?","datePublished":"2026-03-29T13:06:16+00:00","dateModified":"2026-08-03T14:09:09+00:00","mainEntityOfPage":{"@id":"https:\/\/www.cloudmagazin.com\/fr\/2026\/03\/29\/pretext-bibliotheque-javascript-probleme-30-ans\/"},"wordCount":2669,"commentCount":0,"publisher":{"@id":"https:\/\/www.cloudmagazin.com\/fr\/#organization"},"image":{"@id":"https:\/\/www.cloudmagazin.com\/fr\/2026\/03\/29\/pretext-bibliotheque-javascript-probleme-30-ans\/#primaryimage"},"thumbnailUrl":"https:\/\/www.cloudmagazin.com\/wp-content\/uploads\/2026\/03\/pretext-javascript-layout-library.jpg","articleSection":["Actualit\u00e9s"],"inLanguage":"fr-FR","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.cloudmagazin.com\/fr\/2026\/03\/29\/pretext-bibliotheque-javascript-probleme-30-ans\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.cloudmagazin.com\/fr\/2026\/03\/29\/pretext-bibliotheque-javascript-probleme-30-ans\/","url":"https:\/\/www.cloudmagazin.com\/fr\/2026\/03\/29\/pretext-bibliotheque-javascript-probleme-30-ans\/","name":"Pretext : une biblioth\u00e8que JavaScript r\u00e9sout-elle le probl\u00e8me vieux de 30 ans da","isPartOf":{"@id":"https:\/\/www.cloudmagazin.com\/fr\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.cloudmagazin.com\/fr\/2026\/03\/29\/pretext-bibliotheque-javascript-probleme-30-ans\/#primaryimage"},"image":{"@id":"https:\/\/www.cloudmagazin.com\/fr\/2026\/03\/29\/pretext-bibliotheque-javascript-probleme-30-ans\/#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:09+00:00","description":"Pretext : un agencement de texte jusqu'\u00e0 500 fois plus rapide dans le navigateur, sans reflows du DOM. Ce que peut vraiment la biblioth\u00e8que JavaScript de l'ing\u00e9nieur de Midjourney.","breadcrumb":{"@id":"https:\/\/www.cloudmagazin.com\/fr\/2026\/03\/29\/pretext-bibliotheque-javascript-probleme-30-ans\/#breadcrumb"},"inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.cloudmagazin.com\/fr\/2026\/03\/29\/pretext-bibliotheque-javascript-probleme-30-ans\/"]}]},{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/www.cloudmagazin.com\/fr\/2026\/03\/29\/pretext-bibliotheque-javascript-probleme-30-ans\/#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-bibliotheque-javascript-probleme-30-ans\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.cloudmagazin.com\/fr\/accueil\/"},{"@type":"ListItem","position":2,"name":"Pretext : JS r\u00e9sout probl\u00e8me 30 ans dans le navigateur ou mode ?"}]},{"@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\/ce38baaa19a580268aedce096597eb3c","name":"Alec Chizhik","image":{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/www.cloudmagazin.com\/wp-content\/uploads\/2026\/03\/alec-chizhik.jpg","url":"https:\/\/www.cloudmagazin.com\/wp-content\/uploads\/2026\/03\/alec-chizhik.jpg","contentUrl":"https:\/\/www.cloudmagazin.com\/wp-content\/uploads\/2026\/03\/alec-chizhik.jpg","caption":"Alec Chizhik"},"description":"Alec est le directeur num\u00e9rique chez Evernine et \u00e9crit sur les architectures cloud, la cybers\u00e9curit\u00e9 et les pratiques op\u00e9rationnelles num\u00e9riques.","sameAs":["https:\/\/www.linkedin.com\/in\/alecchizhik\/"],"url":"https:\/\/www.cloudmagazin.com\/fr\/author\/alec\/"}]}},"_links":{"self":[{"href":"https:\/\/www.cloudmagazin.com\/fr\/wp-json\/wp\/v2\/posts\/33372","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\/31"}],"replies":[{"embeddable":true,"href":"https:\/\/www.cloudmagazin.com\/fr\/wp-json\/wp\/v2\/comments?post=33372"}],"version-history":[{"count":10,"href":"https:\/\/www.cloudmagazin.com\/fr\/wp-json\/wp\/v2\/posts\/33372\/revisions"}],"predecessor-version":[{"id":50650,"href":"https:\/\/www.cloudmagazin.com\/fr\/wp-json\/wp\/v2\/posts\/33372\/revisions\/50650"}],"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=33372"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.cloudmagazin.com\/fr\/wp-json\/wp\/v2\/categories?post=33372"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.cloudmagazin.com\/fr\/wp-json\/wp\/v2\/tags?post=33372"},{"taxonomy":"industry","embeddable":true,"href":"https:\/\/www.cloudmagazin.com\/fr\/wp-json\/wp\/v2\/industry?post=33372"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}