O'Reilly logo

Mastering JavaScript High Performance by Chad R. Adams

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

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 ...

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, interactive tutorials, and more.

Start Free Trial

No credit card required