Understanding paint events

Paint events are DOM events that cause a web browser to paint the web page as the DOM is updated with JavaScript. For browsers with low memory, this can be a bit of an issue as paint events take a sizable amount of processing and graphics rendering to show updates in large quantities.

How to check for paint events?

Typically, paint events can be found in your Web Inspector's timeline view. Since paint events are displayed chronologically during a page's execution in a web browser, these appear slightly differently in Chrome's Developer tools options.

Open Chrome's Developer tools options and click the drawer icon (it's the icon next to the gear icon on the upper right of the Developer tools options). Next, open the Rendering ...

Get Mastering JavaScript High Performance now with O’Reilly online learning.

O’Reilly members experience live online training, plus books, videos, and digital content from 200+ publishers.