我不知道的浏览器工作原理(一)

文章概述:浏览器使用HTTP/HTTPS协议,向服务端请求页面的过程。

浏览器做了什么?

对于浏览器实现者来说,他们做的事情就是把一个URL变成一个屏幕上显示的网页。其过程如下:

  1. 浏览器首先使用HTTP协议或者HTTPS协议,向服务端请求页面
  2. 将请求回来的HTML代码经过解析,构建DOM树
  3. 计算DOM树上的CSS属性
  4. 最后根据CSS属性对元素逐个进行渲染,得到内存中的位图
  5. 一个可选的步骤是对位图进行合成,这会极大地增加后续绘制的速度
  6. 合成之后,再绘制到界面上

浏览器的工作过程
 

HTTP格式

http格式
 

HTTPS

HTTPS是使用了加密通道来传输HTTP的内容,但是HTTPS首先与服务器建立了一条TLS加密通道,TLS构建与TCP协议之上,它实际上是对传输的内容做一次加密,所以从传输内容上看,HTTP和HTTPS没有任何区别。HTTPS有2个作用:

  1. 确定请求的目标服务端身份
  2. 保证传输的数据不会被网络中间节点窃听或者篡改

 

HTTP 2

HTTP2是HTTP1.1的升级版,HTTP2最大的改进有2点:

  1. 支持服务端推送:能够在客户端发送第一个请求到服务端时,提前把一部分内容推送给客户端,放入缓存当中,这可以避免客户端请求顺序带来的并行度不高,从而导致性能问题。
  2. 支持 TCP连接复用:使用同一个TCP连接来传输多个HTTP请求,避免了TCP连接建立时的三次握手开销,和初建TCP连接时传输窗口小的问题
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

qq_21439711

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值