1 用户第一次访问网址，浏览器向服务器发出请求，服务器返回html文件
（DNS解析域名找到真正的ip地址，然后经过三次握手才能和服务器建立联系获取数据）
2 .浏览器开始载入html代码，发现head标签内有一个link标签引用外部css或者js文件。注意这里的icon，地址是一张图片，以及main.json是没有发现在请求列表的，可能之前就有了缓存
3 .浏览器又发出css以及js文件请求，服务器返回这个css,js文件
4 .浏览器继续载入html中body部分的代码，并且css,js文件已经拿到手了，可以开始渲染页面了
5 .浏览器在代码中发现一个img标签引用了一张图片，向服务器发出请求，此时浏览器不会等图片下载完，而是继续渲染后面的代码
6 .服务器返回图片文件，由于图片占用了一定面积，影响了页面布局，因此浏览器需要回过头来重新渲染这部分代码。
7 .浏览器发现了一个包含一行js代码的script标签，赶快执行他。
8 .js脚 影藏掉代码中的某个div，此时浏览器不得不重新渲染这部分代码
9 .直到发现闭合的html标签
读完了改成自己的话,可以漏掉一两天
1 优化 核心思想 减少重绘和重排（回流） 减少http请求
1 把css放到头部，js放到底部
2 js标签适当加上async属性、defer
3 图片尽量使用懒加载或者精灵图
4 js代码中尽量减少对dom的操作
5 使用缓存
