页面如何加载资源及加载资源的过程_怎么记录静态资源加载情况

页面加载资源的形式有：

1. 输入url（或跳转页面）加载html
2.url: www.baidu.com
3.加载html中的静态资源
4.script标签中资源的加载

加载一个资源的过程：

1. 浏览器根据DNS服务器得到域名的IP地址
2. 向这个IP的机器发送http请求
3.服务器收到、处理并返回http请求
4.浏览器得到返回内容

浏览器渲染页面的过程：

1.根据HTML结构生成DOM Tree
2.根据CSS生成CSSOM
3.将DOM和CSSOM整合形成RenderTree
4.根据RenderTree开始渲染和展示
5.遇到<script>时，会执行并阻止渲染。

问题：

从输入url到得到html的详细过程

1. 浏览器根据DNS服务器得到域名的IP地址
2. 向这个IP的机器发送http请求
3.服务器收到、处理并返回http请求
4.浏览器得到返回内容

window.onload 和 DOMContentLoaded的区别

1.window.onload： 页面的全部资源加载完才会执行，包括图片、视频等
2.DOMContentLoaded： DOM渲染完即可执行，此时图片、视频还没有加载完