在浏览器输入URL回车之后到看到前端网页的过程中发生了什么?及优化

本文详细解析了从浏览器输入URL到显示前端页面的完整过程,包括域名解析、TCP三次握手、HTTP请求与响应、页面渲染等,并探讨了性能优化策略,如减少HTTP请求、利用缓存、压缩组件、预加载资源、调整脚本位置等,以提升页面加载速度和用户体验。
摘要由CSDN通过智能技术生成

大致流程:


1.域名解析

首先在浏览器中输入域名,例如输入 www.baidu.com 

浏览器开始查找域名的IP地址,用户发起请求→操作系统把域名发送给本地区的域名服务器→如果有解析完成返回IP,结束
 

2.发起TCP的3次握手

TCP三次握手:

  浏览器获得 IP 地址后,就会对目标服务器发起建立 TCP 连接的请求,建立连接主要有三个步骤,一般称为客户端与服务器端的三次握手:

  第一次握手: 建立连接时,客户端发送syn包(syn=j){同步序列编号,是TCP/IP建立连接时使用的握手信号}到服务器,并进入SYN_SENT状态,等待服务器确认;

  第二次握手: 服务器收到syn包,必须确认客户的SYN(ack=j+1),同时自己也发送一个SYN包(syn=k),即SYN+ACK包,此时服务器进入SYN_RECV状态;

  第三次握手: 客户端收到服务器的SYN+ACK包,向服务器发送确认包ACK(ack=k+1),此包发送完毕,客户端和服务器进入ESTABLISHED(TCP连接成功)状态,完成三次握手。


3.建

浏览器输入URL访问管理台上传在本地的图片涉及以下过程: 1. 用户在浏览器地址输入URL,例如 `http://example.com/admin`,并按下回车键。 2. 浏览器通过DNS解析将域名 `example.com` 转换为对应的IP地址。 3. 浏览器发起与服务器的HTTP请求,请求的目标是 `example.com` 的主机的 `/admin` 路径。 4. 服务器接收到请求后,根据路径 `/admin` 进行相应的处理。这可能涉及到身份验证、权限验证等过程,以确保用户有权访问管理台。 5. 如果用户通过身份验证和权限验证,服务器会返回一个包含管理台页面的HTML响应。这个HTML页面可能包含一个图片上传表单,其指定了上传图片的目标URL。 6. 用户在管理台页面选择本地图片文件,并点击上传按钮。这会触发浏览器向指定的目标URL发起上传请求。 7. 浏览器将本地图片文件按照指定的方式(例如multipart/form-data)封装成HTTP请求,并将其发送给服务器。 8. 服务器接收到图片上传请求后,进行相应的处理。这可能包括验证上传文件的合法性、保存文件到合适的位置等操作。 9. 服务器处理完上传请求后,可能会返回一个响应,通知用户上传是否成功。这个响应可以是一个简单的文本消息或者一个包含上传结果的JSON对象。 10. 如果上传成功,用户可以在管理台页面上看到已上传的图片,并进行相应的操作。 总结来说,访问管理台上传本地图片的过程包括了用户发送请求、服务器验证权限、返回管理台页面、用户选择图片并上传、服务器处理上传请求、返回上传结果等多个步骤。具体的实现方式可能会因不同的服务器端框架和前端技术而有所差异。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值