popring's Blog

前端打工人一枚,如果有有趣的问题,欢迎电邮,koler778@gmail.com。

0%

从输入url到页面显示经过了什么

大致分为以下几个过程

  • URL 解析
  • DNS 解析
  • TCP 握手
  • 检查是否有缓存
  • 构建 DOM 树,解析 html
  • 构建 CSSOM
  • 执行 JavaScript 代码
  • 构建渲染树:根据 DOM 树和 CSSOM 生成渲染树
  • 根据渲染树对每个节点布局在正确位置
  • 对每个元素进行绘制