Artikel für Leute, die
den Stack ausliefern
Beiträge zu React, Node.js, TypeScript und AI. Ein übersetzter Text wird gezeigt, wenn er existiert. Sonst sehen Sie den englischen Text und einen Hinweis.
Tag: Web Performance
Wiederaufnahmefähige Inseln auf Bun: Designlektionen aus dem Stoneware-Framework
Wie ein serverbasiertes Framework HTML als Standard verwendet, JavaScript auf wiederholbar abrufbare Einheiten beschränkt und statische Exporte, Fehler, CSP sowie die Bereitstellung handhabt.
14 Min. LesezeitÜberspringen des Außerhalb-des-Bildschirms-Renderings mit „content-visibility“ und „contain-intrinsic-size“
Erfahren Sie, wie „content-visibility“ die Layoutkosten auf langen, vom Server bereitgestellten Seiten reduziert, warum „contain-intrinsic-size“ erforderlich ist und wie es sich im Vergleich zur Virtualisierung verhält.
12 Min. LesezeitCode-Splitting von aufwändigen Angular-Diensten nach Bedarf mit injectAsync
Warum eine statisch injizierte Dienstklasse ihre Bibliotheken in den Haupt-Angular-Bundle mitnimmt und wie injectAsync Dienste je nach Benutzerwunsch lazy-lädt, einschließlich bedingter Laden.
6 Min. LesezeitDenken im Kontext der Ungültigkeitsprüfung: Ein praktisches Modell dafür, wie Browser Seiten darstellen
Lernen Sie, über die Darstellung im Browser nachzudenken, indem Sie herausfinden, welche Änderungen was ungültig machen – von Layout-Problemen und Zeichnungskosten bis hin zu Kompositing, Hydratierung und Streaming.
11 Min. LesezeitVon Stylesheet zu Bildschirm: Wo CSS in der Browser-Pipeline seinen Platz hat
Von der Herunterladung bis zu den Pixeln – CSS im Detail: Wie DOM, CSSOM und der Render-Tree erstellt werden, wo die Kaskadierung stattfindet und welche Stilquellen um jedes Element konkurrieren.
8 Min. LesezeitVon 66 % auf 185 px: Wie Browser CSS-Werte vor dem Layout berechnen
Verfolgen Sie einen CSS-Wert durch die Phasen „deklariert“, „kaskadiert“, „spezifiziert“, „berechnet“, „verwendet“ und „tatsächlich“ und erkennen Sie, warum relative Einheiten sowie der rem-Umrechnungstrick sich so verhalten.
8 Min. LesezeitDie Seite responsiv halten: Wann sollte Rechenarbeit der CPU in einen Web Worker verlagert werden?
Erfahren Sie, warum schwere Schleifen die Benutzeroberfläche des Browsers einfrieren, wie das Message-Pattern der Web Workers diese Arbeit abladen und wie Sie entscheiden können, ob eine Aufgabe überhaupt einen Worker benötigt.
12 Min. LesezeitUmfüllen, Neuzeichnen, Kompositieren: Was jede CSS-Änderung den Browser kostet
Erfahren Sie, wie HTML und CSS durch DOM, CSSOM, Layout, Zeichnen und Kompositing ablaufen, warum Breitenänderungen aufwändiger sind als Farbänderungen und wie Sie Layout-Probleme vermeiden können.
16 Min. LesezeitRessourcenerkennung statt Übertragung: Vorausladen von React-Apps über HTTP/3
Bei HTTP/3 liegt das Problem in React-Apps in der späten Entdeckung von Ressourcen und nicht in der Übertragung. preloadModule, preinit, Early Hints sowie Chunking beheben dieses Problem unter Berücksichtigung von SSR.
19 Min. Lesezeit
Über diese Artikel
Angebot in 24 Stunden
Denselben Stack in einer Operator-Schicht? Brief schicken — Angebot in 24 Stunden.