Des articles pour ceux qui
livrent le stack
Textes sur React, Node.js, TypeScript et AI. Un corps traduit est affiché quand il existe. Sinon vous voyez le texte anglais et une note qui le dit.
Tag : Web Performance
Îles résumables sur Bun : leçons de conception issues du cadre en grès cérame
Comment un framework axé sur le serveur traite HTML comme valeur par défaut, limite JavaScript à des îlots reprendables, et gère l’export statique, les erreurs, le CSP ainsi que le déploiement.
14 min de lectureÉviter le rendu hors écran grâce à content-visibility et contain-intrinsic-size
Apprenez comment la visibilité du contenu permet de réduire les coûts liés à la mise en page sur les pages longues générées par serveur, pourquoi la propriété contain-intrinsic-size est indispensable, et comment elle se compare à la virtualisation.
12 min de lectureDivision du code des services lourds d’Angular sur demande à l’aide de injectAsync
Pourquoi un service injecté statiquement entraîne ses bibliothèques dans le bundle principal d’Angular, et comment injectAsync charge les services de manière différée en fonction des intentions de l’utilisateur, y compris le chargement conditionnel.
6 min de lecturePenser en termes d’invalidation : un modèle pratique de la manière dont les navigateurs affichent les pages
Apprenez à raisonner sur le rendu des navigateurs en vous demandant quelle modification le rend invalide, que ce soit en termes de problèmes de mise en page, de coût de rendu graphique, ou encore de composition, d’hydratation et de streaming.
11 min de lectureDe la feuille de style à l’écran : quel rôle joue CSS dans le pipeline du navigateur
Suivez le CSS de la téléchargement aux pixels : comment le DOM, le CSSOM et l’arbre de rendu sont construits, où s’effectue la cascade des règles, et quels origines de styles concourent pour chaque élément.
8 min de lectureDe 66 % à 185 px : comment les navigateurs résolvent les valeurs CSS avant le rendu
Suivez une valeur CSS à travers les étapes déclarée, en cascade, spécifiée, calculée, utilisée et réelle, et comprenez pourquoi les unités relatives ainsi que la technique de conversion rem se comportent de cette manière.
8 min de lectureMaintenir la page réactive : quand déplacer le travail du CPU vers un Web Worker
Découvrez pourquoi les boucles lourdes figent l’interface utilisateur du navigateur, comment le modèle de messages des Web Workers permet de décharger ce travail, et comment déterminer si une tâche mérite réellement l’utilisation d’un Worker.
12 min de lectureRéorganisation du flux, redessin, composition : quel est le coût pour le navigateur de chaque modification CSS
Suivez le parcours d’HTML et CSS à travers DOM, CSSOM, l’agencement, le rendu graphique et la composition, et découvrez pourquoi les changements de largeur sont plus coûteux que ceux des couleurs, ainsi que comment éviter les problèmes d’agencement.
16 min de lectureLa découverte des ressources, pas leur transfert : le préchargement des applications React via HTTP/3
Avec HTTP/3, le goulot d’étranglement dans les applications React réside dans la découverte tardive des ressources, et non dans leur transfert. preloadModule, preinit, Early Hints et le chunking résolvent ce problème, en tenant compte du SSR.
19 min de lecture
À propos de ces articles
Devis en 24 h
Besoin du même stack en couche opérateur ? Envoyez le brief — devis sous 24 h.