页面加载、渲染

来源:互联网 发布:深圳虹云网络 编辑:程序博客网 时间:2024/06/08 05:34

页面加载


加载资源的形式

  • 输入url(或跳转页面)加载html

  • 加载html中的静态资源


加载资源的过程

  1. 浏览器根据DNS服务器得到域名的IP地址

  2. 向这个IP的服务器发送请求

  3. 服务器收到、处理并返回请求

  4. 浏览器得到返回内容



页面渲染

  1. 根据HTML渲染DOM树

  2. 根据CSS生成CSSOM

  3. 将DOM和CSSOM整合成Render Tree

  4. 根据Render Tree开始渲染和展示

  5. 遇到<script>时,会执行并阻塞渲染

原创粉丝点击