Web页面的加载和执行顺序是前端开发过程中非常重要的一部分。了解这个过程可以帮助我们更好地优化网页性能，提高用户体验。本文将深入探讨Web页面的加载和执行顺序，并提供一些实际的代码示例。
加载顺序
当我们在浏览器中输入一个URL时，浏览器会按照以下顺序加载页面：
DNS查询：浏览器首先会检查URL对应的IP地址是否在缓存中，如果没有，会向DNS服务器发送请求以获取该地址。
建立连接：浏览器与服务器建立TCP连接。
发送HTTP请求：浏览器向服务器发送HTTP请求并等待响应。
接收响应：服务器接收到请求后返回HTML文件。
解析HTML：浏览器开始解析HTML文件，创建DOM树。
加载CSS：浏览器解析HTML文件时，如果遇到CSS文件，则会加载CSS文件并进行解析。
加载JavaScript：浏览器解析HTML文件时，如果遇到JavaScript文件，则会加载JavaScript文件并执行。
渲染页面：浏览器根据DOM树、CSS和JavaScript生成页面并将其呈现给用户。
执行顺序
在加载阶段中，我们已经了解了JavaScript文件是在HTML文件解析过程中加载的。但是JavaScript文件的执行顺序却不是按照它们在HTML文件中出现的顺序执行的。下面是JavaScript文件的执行顺序：
加载和解析HTML文件。
解析外部脚本文件，并将其插入HTML文档中，如果有多个脚本则按照它们在HTML文件中出现的顺序插入。
当浏览器遇到一个