DEV Community
·
当你打开一个网站时，内部究竟发生了什么
内容提要
网页加载过程包括输入网址、DNS查询、建立TCP连接、TLS握手、发送HTTP请求、服务器响应、浏览器解析和渲染页面。浏览器会缓存资源以加快后续访问，并处理用户交互。大型网站如亚马逊通过多种优化技术提升加载速度。
关键要点
-
网页加载过程包括输入网址、DNS查询、建立TCP连接、TLS握手、发送HTTP请求、服务器响应、浏览器解析和渲染页面。
-
浏览器检查网址的有效性，缺省使用https://。
-
浏览器通过DNS查询将域名解析为IP地址，涉及浏览器缓存和操作系统缓存的检查。
-
建立TCP连接需要进行三次握手，确保可靠的通信通道。
-
如果使用HTTPS，浏览器和服务器会进行TLS握手以协商加密协议并验证证书。
-
浏览器发送HTTP请求，通常使用GET方法，并包含元数据。
-
服务器处理请求并返回响应，包括状态码、头部信息和页面内容。
-
浏览器解析HTML，构建DOM树，并处理外部资源如CSS和JavaScript。
-
浏览器并行下载图像、视频和其他资源，可能需要额外请求CDN。
-
浏览器缓存页面部分以加快后续访问，缓存由服务器头部控制。
-
浏览器保持与服务器的连接以处理用户交互，可能触发新的HTTP请求。
-
大型网站如亚马逊通过CDN、懒加载、压缩、预连接和缓存等技术优化加载速度。
延伸解读
网页加载的复杂性
网页加载过程涉及多个步骤，从输入网址到最终渲染页面，每一步都至关重要。了解这些步骤有助于用户更好地理解网页的响应速度和性能，尤其是在遇到加载缓慢时，可以判断是哪个环节出现了问题。
HTTPS的重要性
使用HTTPS协议不仅可以确保数据传输的安全性，还能提高用户对网站的信任度。浏览器在建立连接时会进行TLS握手，验证服务器的证书，这一过程虽然增加了加载时间，但对于保护用户信息至关重要。
大型网站的优化策略
像亚马逊这样的大型网站采用多种优化技术来提升加载速度，包括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、懒加载、压缩、预连接和缓存等技术来优化网页加载速度。
