Den kritischen Rendering-Pfad verstehen

Avatar of Chris Coyier
Chris Coyier am

DigitalOcean bietet Cloud-Produkte für jede Phase Ihrer Reise. Starten Sie mit 200 $ kostenlosem Guthaben!

Ire Aderinokun

Es gibt 6 Stufen des CRP –

  1. Aufbau des DOM-Baums
  2. Aufbau des CSSOM-Baums
  3. Ausführen von JavaScript
  4. Erstellen des Render-Baums
  5. Generieren des Layouts
  6. Malen

Ich stelle mir vor, wenn Sie sich wirklich mit Performance-Optimierung beschäftigen, werden Sie ein fundiertes Verständnis dafür brauchen. Es gibt viele Möglichkeiten, Teile dieses Prozesses zu blockieren/zu verzögern. Die Aufgabe eines Performance-Nerds ist es, zu verstehen, wann und warum das passiert, zu bewerten, ob es notwendig ist oder nicht, und Dinge anzupassen, um diesen Malprozess so schnell wie möglich zu erreichen.

Ich bin neugierig, ob dies generisch genug ist, dass 100 % aller Rendering-Engines zu 100 % auf die gleiche Weise funktionieren, oder ob es signifikante Unterschiede gibt.

Direkter Link →