现代浏览器加载资源分析
网页加载流程
- 浏览器发送请求,拿到HTML资源,并开始解析。
- 解析过程中,遇到link标签,浏览器发出对CSS文件的请求,。
- 当浏览器解析到
<body>
标签,并且CSS文件已经下载到手,可以开始渲染页面。 - 当浏览器遇到
<script>
标签,阻塞页面的解析以及其他资源的下载,直到JS文件加载执行完毕 - 浏览器完成解析H
<body>
标签,并且CSS文件已经下载到手,可以开始渲染页面。<script>
标签,阻塞页面的解析以及其他资源的下载,直到JS文件加载执行完毕