美文网首页
一个页面从输入URL到加载完成经历了什么?

一个页面从输入URL到加载完成经历了什么?

作者: GoldenSide | 来源:发表于2019-02-15 14:47 被阅读0次

一个页面从输入URL到加载完成经历了什么?

网络资源加载过程
URL结构

\color{#FF0000}{第一种解释}
一般会经历以下几个过程:
1、首先,在浏览器地址栏中输入url

2、浏览器先查看浏览器缓存-系统缓存-路由器缓存,如果缓存中有,会直接在屏幕中显示页面内容。若没有,则跳到第三步操作。

3、在发送http请求前,需要域名解析(DNS解析)(DNS(域名系统,Domain Name System)是互联网的一项核心服务,它作为可以将域名和IP地址相互映射的一个分布式数据库,能够使人更方便的访问互联网,而不用去记住IP地址。),解析获取相应的IP地址。


DNS查询

dns也是可以进行优化加载速度的

DNS加速

4、浏览器向服务器发起tcp连接,与浏览器建立tcp三次握手。(TCP即传输控制协议。TCP连接是互联网连接协议集的一种。)

5、握手成功后,浏览器向服务器发送http请求,请求数据包

6、服务器处理收到的请求,将数据返回至浏览器

资源请求过程

7、浏览器收到HTTP响应

8、读取页面内容,浏览器渲染,解析html源码

9、生成Dom树、解析css样式、js交互


浏览器解析

10、客户端和服务器交互

11、ajax查询

其中,步骤2的具体过程是:

浏览器缓存:浏览器会记录DNS一段时间,因此,只是第一个地方解析DNS请求;
操作系统缓存:如果在浏览器缓存中不包含这个记录,则会使系统调用操作系统,获取操作系统的记录(保存最近的DNS查询缓存);
路由器缓存:如果上述两个步骤均不能成功获取DNS记录,继续搜索路由器缓存;
ISP缓存:若上述均失败,继续向ISP搜索。

\color{#FF0000}{第二种解释}

第一步:客户机提出域名解析请求,并将该请求发送给本地的域名服务器。

第二步:当本地的域名服务器收到请求后,就先查询本地的缓存,如果有该纪录项,则本地的域名服务器就直接把查询的结果返回。

第三步:如果本地的缓存中没有该纪录,则本地域名服务器就直接把请求发给根域名服务器,然后根域名服务器再返回给本地域名服务器一个所查询域(根的子域)的主域名服务器的地址。

第四步:本地服务器再向上一步返回的域名服务器发送请求,然后接受请求的服务器查询自己的缓存,如果没有该纪录,则返回相关的下级的域名服务器的地址。

第五步:重复第四步,直到找到正确的纪录。

相关文章

  • 2018-04-12

    从输入URL 到页面加载完成的过程都发生了什么? 摘要 本文只是初步介绍了浏览器从输入URL到页面加载完成所经历的...

  • 从输入 URL 到页面加载完成的过程中都发生了什么事情

    从输入 URL 到页面加载完成的过程中都发生了什么事情--div.io 从输入 URL 到页面加载完成的过程中都发...

  • 一个页面从输入URL到加载完成经历了什么?

    一个页面从输入URL到加载完成经历了什么? 一般会经历以下几个过程:1、首先,在浏览器地址栏中输入url 2、浏览...

  • 从输入url到页面加载完成过程详解

    从输入url到页面加载完成发生了什么 一、浏览器接收到URL,到网络请求线程的开启。 1、URL解析 URL结构:...

  • 前端性能优化

    输入URL,页面发生了什么 从输入URL到页面加载完成的过程: DNS查询,如果这一步做了智能DNS解析的话,会访...

  • 一个页面从输入 URL 到页面加载显示完成,这个过程中都发生了什么? 分为4个步骤: (1),当发送一个URL请求...

  • 前端面试题总结【35】:页面加载过程

    一个页面从输入 URL 到页面加载显示完成,这个过程中都发生了什么? 分为4个步骤: 当发送一个 URL 请求时,...

  • 浏览器基础知识入门笔记

    从输入 URL 到页面加载完成的过程中都发生了什么? 键盘或触屏输入URL并回车确认 URL解析/DNS解析查找域...

  • 你必须要知道的前端性能优化!

    从输入URL加载起看方向 从输入 URL 到页面加载完成的过程: 首先做 DNS 查询,如果这一步做了智能 DNS...

  • http常用问题总结(二)

    1、一个页面从输入 URL 到页面加载显示完成,这个过程中都发生了什么? 一.当发送一个URL请求时,不管这个UR...

网友评论

      本文标题:一个页面从输入URL到加载完成经历了什么?

      本文链接:https://www.haomeiwen.com/subject/poopeqtx.html