DEV Community
·
当你打开一个网站时，内部究竟发生了什么
💡
原文英文，约700词，阅读约需3分钟。
📝
内容提要
网页加载过程包括输入网址、DNS查询、建立TCP连接、TLS握手、发送HTTP请求、服务器响应、浏览器解析和渲染页面。浏览器会缓存资源以加快后续访问，并处理用户交互。大型网站如亚马逊通过多种优化技术提升加载速度。
🎯
关键要点
- 网页加载过程包括输入网址、DNS查询、建立TCP连接、TLS握手、发送HTTP请求、服务器响应、浏览器解析和渲染页面。
- 浏览器检查网址的有效性，缺省使用https://。
- 浏览器通过DNS查询将域名解析为IP地址，涉及浏览器缓存和操作系统缓存的检查。
- 建立TCP连接需要进行三次握手，确保可靠的通信通道。
- 如果使用HTTPS，浏览器和服务器会进行TLS握手以协商加密协议并验证证书。
- 浏览器发送HTTP请求，通常使用GET方法，并包含元数据。
- 服务器处理请求并返回响应，包括状态码、头部信息和页面内容。
- 浏览器解析HTML，构建DOM树，并处理外部资源如CSS和JavaScript。
- 浏览器并行下载图像、视频和其他资源，可能需要额外请求CDN。
- 浏览器缓存页面部分以加快后续访问，缓存由服务器头部控制。
- 浏览器保持与服务器的连接以处理用户交互，可能触发新的HTTP请求。
- 大型网站如亚马逊通过CDN、懒加载、压缩、预连接和缓存等技术优化加载速度。
❓
延伸问答
网页加载的基本步骤是什么？
网页加载的基本步骤包括输入网址、DNS查询、建立TCP连接、TLS握手、发送HTTP请求、服务器响应、浏览器解析和渲染页面。
DNS查询在网页加载中起什么作用？
DNS查询将域名解析为IP地址，浏览器会检查缓存并联系DNS服务器以获取对应的IP。
TCP连接是如何建立的？
TCP连接通过三次握手建立，包含SYN、SYN-ACK和ACK三个步骤，以确保可靠的通信通道。
HTTPS的TLS握手过程包括哪些步骤？
TLS握手过程包括协商加密协议、交换密钥和验证SSL/TLS证书，以确保安全连接。
浏览器是如何处理服务器响应的？
浏览器解析服务器响应中的HTML，构建DOM树，并处理外部资源如CSS和JavaScript，最终渲染页面。
大型网站如何优化网页加载速度？
大型网站通过CDN、懒加载、压缩、预连接和缓存等技术来优化网页加载速度。
➡️
