Search code examples
javascriptphpmysqlperformanceperformance-testing

Trying to investigate page load performance bug: What is "Scripting" and "Idle"?


I have a site built on HTML/CSS/JS/PHP/MySQL and I'm trying to determine what is consuming the bulk of the operations involved in loading my pages. Google Chrome's timeline shows

enter image description here

and I'm wondering what is "Scripting" and "Idle"? With that said, what is "Painting"?


Solution

  • Scripting is defined by the scripting events in the documentation:

    https://developers.google.com/web/tools/chrome-devtools/profile/evaluate-performance/performance-reference#scripting-events

    Painting events are described as well.

    https://developers.google.com/web/tools/chrome-devtools/profile/evaluate-performance/performance-reference#painting-events

    Idle seems to be time that is not spent handling any events.