#perfaudit

Pixel pipeline | Rendering Performance

The following are the components of Pixel pipeline:

• JavaScript operations
• Style changes
• Layout (operations that trigger layout changes / positioning / size change of elements on a webpage)
• Paint (operations that trigger a repaint of element, also when a layout operation is triggered)
• Composite (operations in which the individual layers are composited on top of each other)

Related Links:

• Pixels are expensive

• Simplify paint complexity and reduce paint areas

• CSS Triggers

• How CSS Triggers came into being