Explain browser Painting and Compositing.

Painting is filling in pixels. Compositing is drawing different layers of the page to the screen in the correct order.

When DOM or CSS changes, the browser calculates Layout, then Paints layers, then Composites them. Changing properties like width triggers Layout, Paint, and Composite. Changing background-color triggers Paint and Composite. Changing transform only triggers Composite (fastest).