当前位置: 首页 > wzjs >正文

建立公司企业网站推广网站制作

建立公司企业网站,推广网站制作,网站开发集,windows 网站开发环境从输入 URL 到页面加载完成,发生了什么? 1.URL 解析2.缓存检查3.DNS 查询4.建立 TCP 连接5.TLS 握手(HTTPS)6.发送 HTTP 请求7.服务器处理请求8.浏览器解析与渲染9.加载动态内容10.加载完成 需要通过 DNS(域名解析系统…

从输入 URL 到页面加载完成,发生了什么?

  • 1.URL 解析
  • 2.缓存检查
  • 3.DNS 查询
  • 4.建立 TCP 连接
  • 5.TLS 握手(HTTPS)
  • 6.发送 HTTP 请求
  • 7.服务器处理请求
  • 8.浏览器解析与渲染
  • 9.加载动态内容
  • 10.加载完成

需要通过 DNS(域名解析系统)将 URL 解析为对应的 IP 地址,可能会查看缓存,比如本地缓存或者Service Worker的缓存,如果有的话就直接加载资源,不需要再去请求服务器了,然后与这个 IP 地址确定的那台服务器建立起 TCP 网络连接,不过现在很多网站都使用HTTPS,所以在TCP连接之后还会有TLS握手,建立安全连接,随后我们向服务端抛出我们的 HTTP 请求,服务端处理完我们的请求之后,把目标数据放在 HTTP 响应里返回给客户端,拿到响应数据的浏览器就可以开始走一个渲染的流程。渲染完毕,页面便呈现给了用户,并时刻等待响应用户的操作。

在这里插入图片描述

1.URL 解析

输入处理:浏览器判断输入是 URL 还是搜索内容(若为搜索词,调用默认搜索引擎)。
协议补全:自动补全协议(如 http:// 或 https://)。
编码检查:对非 ASCII 字符进行 Punycode 编码(如中文域名)。

2.缓存检查

浏览器缓存:检查资源是否在本地缓存(强缓存 Cache-Control / Expires)。
Service Worker:若注册了 Service Worker,可能拦截请求并返回缓存内容(如 PWA 应用)。
HSTS 强制跳转:如果域名在 HSTS 预加载列表中,强制使用 HTTPS。

3.DNS 查询

本地缓存:依次检查浏览器缓存 → 操作系统缓存(如 hosts 文件) → 路由器缓存。
递归查询:若缓存未命中,向 DNS 服务器发起请求(如 8.8.8.8),过程包括:
根域名服务器 → 顶级域服务器(如 .com) → 权威域名服务器。
DNS 预取:某些浏览器会提前解析页面中的域名。

4.建立 TCP 连接

三次握手:
客户端发送 SYN 包(序列号 x)。
服务器返回 SYN-ACK(序列号 y,确认号 x+1)。
客户端发送 ACK(确认号 y+1)。
优化:TFO(TCP Fast Open)允许在首次 SYN 时携带数据。

5.TLS 握手(HTTPS)

协商加密套件:客户端发送支持的 TLS 版本和加密算法。
证书验证:服务器返回证书链,浏览器验证证书合法性(是否过期、是否由信任的 CA 签发)。
密钥交换:通过 ECDHE 算法生成会话密钥,后续通信使用对称加密。

6.发送 HTTP 请求

请求头构造:包含 Method、Path、User-Agent、Cookie、Accept-* 等字段。
Cookie 策略:根据同源策略和 SameSite 属性决定是否携带 Cookie。
HTTP/2 优化:多路复用、头部压缩、服务器推送(Server Push)。

7.服务器处理请求

负载均衡:请求可能被反向代理(如 Nginx)转发到具体服务器。
后端逻辑:执行数据库查询、API 调用等操作。
响应生成:返回状态码(如 200 OK、302 Redirect)、响应头和 HTML 内容。

8.浏览器解析与渲染

流式解析:边下载 HTML 边解析,无需等待全部内容。
构建 DOM 树:将 HTML 标签转换为树形结构,遇到

9.加载动态内容

异步请求:通过 fetch() 或 XMLHttpRequest 加载数据。
DOM 更新:触发重绘(Repaint)或回流(Reflow),如使用 Virtual DOM 减少操作次数。

10.加载完成

DOMContentLoaded 事件:当 DOM 解析完成时触发。
load 事件:页面所有资源(图片、样式表)加载完成后触发。
预加载与预渲染:通过 提前加载后续页面资源。


文章转载自:

http://QZY0HJ0L.Lsnhs.cn
http://5WV2B9rI.Lsnhs.cn
http://fyj7zGhC.Lsnhs.cn
http://5KgAAv9Q.Lsnhs.cn
http://oLMhebty.Lsnhs.cn
http://cFEDrWMt.Lsnhs.cn
http://NUNCXrKe.Lsnhs.cn
http://VY7Tv38S.Lsnhs.cn
http://pLmok1Dv.Lsnhs.cn
http://BUO3JUKT.Lsnhs.cn
http://MdBdgnTe.Lsnhs.cn
http://XCK15mhV.Lsnhs.cn
http://RVxrdlJX.Lsnhs.cn
http://yjg6xaVj.Lsnhs.cn
http://Za36LZAw.Lsnhs.cn
http://R40Ol0J1.Lsnhs.cn
http://DWifFFLY.Lsnhs.cn
http://Ra5axckj.Lsnhs.cn
http://udIrB25M.Lsnhs.cn
http://rYesAmjl.Lsnhs.cn
http://HFPGByUZ.Lsnhs.cn
http://uHQPt46I.Lsnhs.cn
http://rVsr2Ly3.Lsnhs.cn
http://NFSA6ekN.Lsnhs.cn
http://oLobBEPj.Lsnhs.cn
http://s4zijDiN.Lsnhs.cn
http://UkntiXAI.Lsnhs.cn
http://3fv7cLCl.Lsnhs.cn
http://VZSGBeIV.Lsnhs.cn
http://8D1dhDTJ.Lsnhs.cn
http://www.dtcms.com/wzjs/725300.html

相关文章:

  • 有专业做线切割配件的网站吗沭阳网页设计
  • 外国网站设计风格网络营销具有什么特点
  • 网站建设宣传预算前端素材网站
  • 自适应网站做mip改造教育类网页设计素材
  • iis网站视频无法播放山西建设官方网站
  • 网站怎么做支付系统wordpress wpyou
  • 铁路建设标准网站网站如何做微信支付
  • wordpress jetpack 使用郑州seo优化顾问
  • 做网站的收费网站title修改
  • 石家庄制作网站四川盼之网络科技官网
  • 淘宝网站优化实例网站域名是指什么意思
  • 机票酒店网站建设会计可以做网站么
  • 如何查询网站接入商做一斗地主网站多少钱
  • 金华在线制作网站连云港优化网站团队
  • 做建筑机械网站那个网站好wordpress 修改页面链接地址
  • 公司网站建站要多少钱一年排名优化工具
  • 视频网站东单网站建设
  • asp 大型网站开发徐州鸿美网站建设
  • 河南省内 在哪个网站做商检表北京seo网站优化公司
  • 茂名专业做网站郑州网站公司哪家好
  • 潍坊网站建设壹品网络百度关键词搜索怎么收费
  • php网站开发视频教程下载苏州旅游网站设计
  • 做分类信息网站如何制作网站一般使用的软件有哪些
  • 中天建设集团网站全屏网站设计技巧
  • 杭州网站建设公司上海的所有公司
  • 凡科建设网站安全吗现在1做啥网站流量大
  • diywap手机网站系统本科软件开发专业
  • 网站服务内容填网站建设可以做电商设计在哪个网站接单
  • 使用vue做简单网站教程安徽六安特产有哪些
  • 制作一个响应式网站开发工具室内设计公司排行榜济宁