美文网首页
浏览器页面加载的过程

浏览器页面加载的过程

作者: WPeach | 来源:发表于2017-03-11 21:31 被阅读0次

分为4个步骤:

  1. 当发送一个URL请求时,不管这个URL是Web页面的URL还是Web页面上每个资源的URL,浏览器都会开启一个线程来处理这个请求,同时在远程DNS服务器上启动一个DNS查询。这能使浏览器获得请求对应的IP地址。

  2. 浏览器与远程Web服务器通过TCP三次握手协商来建立一个TCP/IP连接。该握手包括一个同步报文,一个同步-应答报文和一个应答报文,这三个报文在 浏览器和服务器之间传递。该握手首先由客户端尝试建立起通信,而后服务器应答并接受客户端的请求,最后由客户端发出该请求已经被接受的报文。

  3. 一旦TCP/IP连接建立,浏览器会通过该连接向远程服务器发送HTTPGET请求。远程服务器找到资源并使用HTTP响应返回该资源,值为200的HTTP响应状态表示一个正确的响应。

  4. 此时,Web服务器提供资源服务,客户端开始下载资源。

请求返回后,便进入了我们关注的前端模块

简单来说,浏览器会解析HTML生成DOM Tree,其次会根据CSS生成CSS Rule Tree,而javascript又可以根据DOM API操作DOM

相关文章

  • 网页生成的过程

    网页生成的过程 一、浏览器渲染页面的流程 当浏览器获得一个html文件时,会 “自上而下” 加载,并在加载过程中进...

  • 浏览器页面加载的过程

    分为4个步骤: 当发送一个URL请求时,不管这个URL是Web页面的URL还是Web页面上每个资源的URL,浏览器...

  • 性能优化

    是一种 resource hint,用来指定页面加载后很快会被用到的资源,所以在页面加载的过程中,我们希望在浏览器...

  • 2018-04-12

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

  • 网页的渲染机制

    网页的渲染机制 参考文章:ScriptJava——了解HTML页面的渲染过程浏览器加载,解析,渲染的过程HTML渲...

  • 网页的渲染机制

    网页的渲染机制 参考文章:ScriptJava——了解HTML页面的渲染过程浏览器加载,解析,渲染的过程HTML渲...

  • prefetch、preload 区别

    转载: 浏览器页面资源加载过程与优化 用 preload 预加载页面资源 纠正 上图来自第一篇文章,图中圈起来的部...

  • 浏览器的渲染:过程与原理

    浏览器渲染页面的过程 从耗时的角度,浏览器请求、加载、渲染一个页面,时间花在下面五件事情上: DNS 查询 TCP...

  • 浏览器加载页面的过程

    从浏览器输入网址到显示网页的过程如下 浏览器根据输入的域名从 DNS 服务器得到域名的 IP 地址 向这个 IP ...

  • web性能优化 - JS延迟

    概述 (摘抄自 前端大学 微信号)页面被浏览器解析是自上而下,而js 的加载、解析和执行会阻塞页面的渲染过程,如果...

网友评论

      本文标题:浏览器页面加载的过程

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