Браузер отображает веб-страницу с помощью следующих шагов:
1. Обработайте HTML-разметку и постройте DOM-дерево.
2. Обработайте разметку CSS и постройте дерево CSSOM.
3. Объедините DOM и CSSOM в дерево рендеринга.
4. Макет в соответствии с деревом рендеринга для расчета геометрической информации каждого узла.
5. Нарисуйте каждый узел на экране.
Оптимизация критического пути рендеринга означает оптимизацию процесса рендеринга, чтобы веб-страница могла отображаться как можно быстрее.