当您打开网站时，内部到底发生了什么

了解网页加载过程

>访问网站，例如 amazon.in.in，涉及浏览器和网站服务器之间的复杂相互作用。 让我们逐步分解这个过程。>

1。 URL输入和验证：

>您输入“ Amazon.in”，然后按Enter。浏览器首先验证URL，确保其具有正确的协议（http：//或https：//）。 如果缺少，则默认为https：//。

2。 DNS分辨率：

>浏览器需要服务器的IP地址。 它执行DNS查找：

检查其缓存以获取最近的分辨率。
如果找不到，请检查操作系统的高速缓存。
>最后，它查询DNS服务器（您的ISP或公共公共服务器，例如Google的8.8.8.8）以获取IP地址（例如54.239.33.123）。

3。 TCP连接：

使用TCP建立了安全连接：

三向握手： syn，syn-ack和ack包被交换以确保可靠的通信。
• 4。 tls/ssl握手（用于https）：

> 对于HTTPS（大多数站点的默认值），已设置加密：>

加密协议是协议的。>

服务器的SSL/TLS证书已验证以保证安全连接。

5。 http请求：
• 浏览器发送http（s）请求：>

方法：通常要检索网页。

>

• 标题：

  元数据，包括浏览器类型，语言首选项，cookie和cached数据。 示例请求：

6。服务器响应：

• Amazon Server处理请求并发送回：

  <code>GET / HTTP/1.1
  Host: amazon.in
  User-Agent: Mozilla/5.0</code>

状态代码：

指示成功（200 OK），重定向（301）或错误（404）。

标题：元数据喜欢内容类型（文本/html），缓存说明和cookie。

> body：

html，css，javaScript以及显示页面所需的其他数据。
7。客户端渲染：
• 浏览器渲染网页：

1. > html解析：>
>
2. css解析：css文件是获取和解析的，创建了CSSOM（CSS对象模型）。 下载和执行
javaScript执行： javaScript文件（除非使用
3. >或>使用订单问题）。 JavaScript可以动态修改DOM和CSSOM。 asyncdefer渲染树： dom和cssom合并以创建渲染树，确定显示的内容。
4. >布局和绘画：元素位置和尺寸是计算的，并且该页面在屏幕上呈现。
>
5. 8。资源加载：

同时下载

图像，视频，字体等。 有些可能是通过CDN（内容输送网络）提供的。>

9。浏览器缓存：

>浏览器缓存页面的一部分（图像，样式表，JavaScript），以更快地加载后续访问。 服务器标头控制缓存。

10。用户互动：

>浏览器维护一个连接以处理用户操作（单击，表单提交），触发新的HTTP请求。

简化图：

>浏览器： URL输入→DNS查找→TCP/TLS握手→HTTP请求

>

>服务器：
1. >进程请求→发送响应（HTML，CSS，JS） >
>浏览器：
2. 解析→渲染器→加载资源→显示页面>
3. >网站优化： 像亚马逊这样的主要网站使用大量优化：

> cdns：在地理上分发内容以更快地分配。

懒惰加载：

仅在需要时加载资源。
• 降低：减少文件尺寸。
>
• > pregonnect/prefetch：提高资源加载速度。
• 缓存：最大化资源重用。
• >此详细说明涵盖了加载网页的完整生命周期。 让我知道您是否需要有关任何特定步骤的更多信息！

以上是当您打开网站时，内部到底发生了什么的详细内容。更多信息请关注PHP中文网其他相关文章！