请描述浏览器从输入URL到最后渲染页面的完整加载过程，并说明JS资源加载的两种主要方式及其对页面渲染的影响。

回答思路

1. 能清晰阐述从DNS解析、TCP连接、HTTP请求到HTML解析、CSSOM构建、渲染树构建等完整流程
2. 能区分同步加载与异步加载（async/defer）的行为差异及其对DOM解析和渲染阻塞的影响
3. 能结合实际场景说明两种加载方式的适用场景