js16：从输入url开始，前端如何优化

1.从输入url开始，到页面显示的整个过程

（1）DNS 解析:将域名解析成 IP 地址
（2）TCP 连接：TCP 三次握手
（3）发送 HTTP 请求
（4）服务器处理请求并返回 HTTP 报文
（5）浏览器解析渲染页面
（6）断开连接：TCP 四次挥手

2.每一步如何优化

（1）DNS解析：利用缓存减少DNS查询，浏览器，操作系统，路由器都有DNS缓存机制
（2）利用浏览器缓存机制，减少HTTP请求，expires&&cache-control lastModified&&e-tag

（3.1）HTTP2.0取代1.1或者1.0，多路复用&&服务端推送&&header压缩
（3.2）基于token验证，路由守卫，减少新的请求资源验证次数
（3.3）不需要向浏览器发送数据时候，axios首选 get方法：只使用一个tcp数据包
（3.4）避免图片src为空：浪费HTTP请求，有时还会报错
（3.5）避免404：HTTP请求很浪费时间

（5.1）懒加载：图片懒加载&&路由懒加载
（5.2）预加载：利用浏览器空闲时间请求将来要使用的资源，以便用户访问下一页面时更快地响应

3.每一个位置如何优化