请描述浏览器从输入 URL 到显示页面的渲染机制，重点说明关键步骤和可能影响性能的环节。

回答思路

1. 概述 HTML 解析、CSS 解析、构建 DOM 和 CSSOM 的过程
2. 解释渲染树构建、布局（Layout）和绘制（Paint）的关键点
3. 说明 JavaScript 对渲染的阻塞影响及优化方式
4. 提及回流（Reflow）与重绘（Repaint）的区别及触发条件