freeCodeCamp.org
·
访问网站时发生了什么？网络工作原理解析
内容提要
本文概述了用户在浏览器中访问网站的流程，包括互联网基本概念、URL结构、DNS解析、TCP/IP连接、HTTP/HTTPS协议及数据渲染。用户输入网址后，浏览器通过DNS查找IP地址，建立连接并请求网页，最终呈现可视化页面。
关键要点
-
文章概述了用户在浏览器中访问网站的流程。
-
互联网是一个由互联计算机组成的庞大网络，万维网建立在此技术之上。
-
客户端是用户的设备，服务器存储网页和应用程序。
-
每个资源通过有效的URL在服务器上定位。
-
URL的组成部分包括协议、域名、路径、参数和锚点。
-
DNS解析将域名转换为IP地址，浏览器首先检查本地缓存。
-
DNS解析过程包括DNS解析器和根DNS服务器。
-
顶级域名服务器存储域名的权威名称服务器的IP地址。
-
权威名称服务器返回域名的IP地址。
-
TCP/IP模型用于在客户端和服务器之间建立连接。
-
TCP连接通过三次握手过程建立。
-
HTTP协议用于客户端和服务器之间的通信。
-
HTTP请求包括请求行、请求头和请求体。
-
HTTP响应包括状态行、头部和响应体。
-
HTTPS是HTTP的安全扩展，使用TLS加密通信。
-
浏览器请求的第一个数据包标志着首次字节时间（TTFB）。
-
关键渲染路径将数据转换为屏幕上的像素，包括DOM和CSSOM的构建。
-
可访问性树为使用辅助技术的用户提供导航。
-
渲染树结合了DOM和CSSOM，计算每个元素的大小和位置。
-
绘制阶段将布局输出转换为屏幕上的像素。
-
JavaScript水合过程使服务器渲染的HTML页面变得可交互。
-
文章总结了从输入网址到访问网站内容的整个过程。
延伸解读
理解DNS解析的重要性
DNS解析是用户访问网站的第一步，它将易于记忆的域名转换为计算机可识别的IP地址。了解这一过程有助于我们认识到，选择合适的DNS服务提供商可以显著提高网页加载速度和稳定性。
TCP/IP连接的三次握手
TCP/IP连接的建立依赖于三次握手过程，这确保了客户端和服务器之间的可靠通信。了解这一过程不仅有助于开发者优化网络应用的性能，也能帮助用户理解网络延迟的原因。
HTTPS的安全性
HTTPS通过TLS加密通信，确保数据在传输过程中不被窃取或篡改。用户在输入敏感信息时，应优先选择HTTPS网站，以保护个人隐私和数据安全。
渲染过程的关键路径
浏览器的渲染过程涉及多个步骤，包括DOM和CSSOM的构建。开发者应关注这些步骤，以优化网页的加载时间和用户体验，尤其是在处理大型网页时。
延伸问答
访问网站时，浏览器如何找到服务器的IP地址？
浏览器通过DNS解析将域名转换为IP地址，首先检查本地缓存，如果没有结果，则调用DNS解析器进行查找。
TCP连接是如何建立的？
TCP连接通过三次握手过程建立，客户端发送SYN包，服务器回应SYN-ACK包，最后客户端发送ACK包确认连接。
HTTP和HTTPS有什么区别？
HTTP是无加密的协议，而HTTPS是HTTP的安全扩展，使用TLS加密通信以保护数据隐私和完整性。
浏览器是如何将接收到的数据渲染为可视化页面的？
浏览器通过构建DOM和CSSOM树，生成渲染树，计算布局，并将最终结果绘制为屏幕上的像素。
什么是时间到第一个字节（TTFB）？
TTFB是指从客户端发出请求到接收到第一个数据包的时间，包括DNS查找、TCP握手和TLS握手的时间。
什么是可访问性树，它有什么作用？
可访问性树是为使用辅助技术的用户提供导航的结构，包含每个DOM元素的名称、描述和角色等信息。
