从输入 URL到用户看到页面都经历了哪些

本文详细介绍了网页从请求到加载的整个过程,包括地址栏网址缓存、DNS缓存、HTTP请求缓存等多个环节,并解释了浏览器如何处理HTML、CSS构建DOM树、CSS树以及渲染树的过程。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

一、浏览器请求、加载在这里插入图片描述

  1. 地址栏网址缓存
  2. 检查 HSTS 预加载列表 (307)
  3. DNS 缓存
  4. ARP(地址解析协议)缓存
  5. TCP 发送缓冲区 & 接收缓冲区
  6. HTTP 请求缓存( CDN 节点缓存、代理服务器缓存、浏览器缓存、后端动态计算结果缓存等 )

二、浏览器渲染
在这里插入图片描述

  1. 处理HTML并构建dom tree
  2. 处理css并构建 css tree
  3. dom tree 和 css tree 合并成 render tree
  4. render tree 结合layout(层级上下文)生成render layer
  5. reder layer 和 graphics layer 合并成页面

说明:
脚本执行的时机:
1.script 加载到时立即执行
2.script defer 页面解析时异步按序执行DomcontentLoad之前完成
3.script async 脚本加载完成异步无序执行,不一定在DomcontentLoad之前或之后,一定在onload之前完成

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值