资讯专栏INFORMATION COLUMN

浏览器工作原理

y1chuan / 3357人阅读

摘要:是使用加密通道来传输的内容。更小的文件意味着用户可以更快看到页面,以及性能的改善。与此同时,这种处理方式也对生产环境的工具链带来调整和改变。

一个便于记忆的简单步骤

1、键盘或触屏输入URL并回车确认
2、URL解析/DNS解析查找域名IP地址
3、网络连接发起HTTP请求
4、HTTP报文传输过程
5、服务器接收数据
6、服务器响应请求/MVC
7、服务器返回数据
8、客户端接收数据
9、浏览器加载/渲染页面
10、打印绘制输出

域名解析 --> 发起TCP的3次握手 --> 建立TCP连接后发起http请求 --> 服务器响应http请求,浏览器得到html代码 --> 浏览器解析html代码,并请求html代码中的资源(如js、css、图片等) --> 浏览器对页面进行渲染呈现给用户

http是什么
客户端和服务器端之间数据传输的格式规范
HTTP协议是基于TCP 协议出现的,TCP是一条双向的通讯通道,http增加规定了request-response模式,决定了首次通讯要由浏览器端发起。

HTTPS 是使用加密通道来传输HTTP的内容。是服务端建立一条加密通道,所以可以防止数据被中间节点篡改,从传输内容上来看与HTTP没有区别

HTTP2
1、支持服务端推送:能够在客户端向服务端发送第一个请求时,提前把一部分资源推送至客户端放入缓存,提高性能
2、支持TCP传输复用:同一个TCP连接来传输多个HTTP请求,避免三次握手导致的性能开销

利用 HTTP2 服务端推送,以及 TCP 连接复用的特性,把 CSS 和 JS 文件分拆成更小的文件,分批下载。
更小的文件意味着用户可以更快看到页面,以及性能的改善。与此同时,这种处理方式也对生产环境的工具链带来调整和改变。

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/54905.html

相关文章

  • 个人理解览器工作原理

    摘要:当我们在浏览器中输入一个时,背后都发生了什么,想要弄明白这个问题首选我们要知道浏览器的工作原理是什么浏览器的工作原理就是,浏览器与服务器之间通过协议进行通讯的过程,的握手协议就是协议浏览器接受到一个之后发生的过程大致如下图接下来说下里的内嵌 当我们在浏览器中输入一个url时,背后都发生了什么,想要弄明白这个问题首选我们要知道浏览器的工作原理是什么? 浏览器的工作原理就是,web浏览器与...

    xietao3 评论0 收藏0
  • 个人理解览器工作原理

    摘要:当我们在浏览器中输入一个时,背后都发生了什么,想要弄明白这个问题首选我们要知道浏览器的工作原理是什么浏览器的工作原理就是,浏览器与服务器之间通过协议进行通讯的过程,的握手协议就是协议浏览器接受到一个之后发生的过程大致如下图接下来说下里的内嵌 当我们在浏览器中输入一个url时,背后都发生了什么,想要弄明白这个问题首选我们要知道浏览器的工作原理是什么? 浏览器的工作原理就是,web浏览器与...

    icyfire 评论0 收藏0
  • 个人理解览器工作原理

    摘要:当我们在浏览器中输入一个时,背后都发生了什么,想要弄明白这个问题首选我们要知道浏览器的工作原理是什么浏览器的工作原理就是,浏览器与服务器之间通过协议进行通讯的过程,的握手协议就是协议浏览器接受到一个之后发生的过程大致如下图接下来说下里的内嵌 当我们在浏览器中输入一个url时,背后都发生了什么,想要弄明白这个问题首选我们要知道浏览器的工作原理是什么? 浏览器的工作原理就是,web浏览器与...

    Youngdze 评论0 收藏0
  • JavaScript 工作原理之一-引擎,运行时,调用堆栈(译)

    摘要:本章会对语言引擎,运行时,调用栈做一个概述。调用栈只是一个单线程的编程语言,这意味着它只有一个调用栈。查看如下代码当引擎开始执行这段代码的时候,调用栈会被清空。之后,产生如下步骤调用栈中的每个入口被称为堆栈结构。 原文请查阅这里,本文采用知识共享署名 4.0 国际许可协议共享,BY Troland。 本系列持续更新中,Github 地址请查阅这里。 这是 JavaScript 工作原...

    Betta 评论0 收藏0
  • JavaScript 工作原理之一-引擎,运行时,调用堆栈(译)

    摘要:本章会对语言引擎,运行时,调用栈做一个概述。调用栈只是一个单线程的编程语言,这意味着它只有一个调用栈。查看如下代码当引擎开始执行这段代码的时候,调用栈会被清空。之后,产生如下步骤调用栈中的每个入口被称为堆栈结构。 原文请查阅这里,本文采用知识共享署名 4.0 国际许可协议共享,BY Troland。 本系列持续更新中,Github 地址请查阅这里。 这是 JavaScript 工作原...

    Alex 评论0 收藏0
  • 曲鸟全栈UI自动化教学(四):Selenium工作原理及Webdriver对览器的配置和操作

    摘要:一前言上篇文章我们学习了页面操作原理及如何高效的进行元素定位那的工作原理又是什么是如何驱动浏览器的呢这篇文章为你讲解工作原理及对浏览器的配置和操作。基于该运行浏览器所产生的缓存等数据都会被记录。 ...

    libin19890520 评论0 收藏0

发表评论

0条评论

最新活动
阅读需要支付1元查看
<