What is the Critical Rendering Path and how can it be optimized?

Sample answer preview

The Critical Rendering Path is the sequence of steps the browser follows to convert HTML, CSS, and JavaScript into pixels on screen. The rendering steps proceed in order. First is DOM construction. The browser parses HTML and builds the DOM tree, or Document Object Model.