前端性能优化

从输入URL到页面加载完成的过程：

1.首先通过DNS(域名解析)，把URL解析为对应的IP地址；

2.然后与该IP地址确定的服务器建立起TCP链接(三次握手四次挥手);

3.然后客户端向服务器发送HTTP请求；

4.服务器处理完HTTP请求，然后把目标数据放到HTTP响应里面呈现给客户端；

5.客户端拿到目标数据开始渲染把页面呈现给用户。

前端可以优化的点：

1、webpack性能调优与Gzip原理优化
2、浏览器的缓存机制和缓存策略
3、图片优化——质量和性能的平衡点
4、本地存储——Cookie、Web Storage、IndexDB
5、CDN的缓存和回源机制
6、服务端渲染
7、浏览器运行机制
8、DOM优化原理与实践
9、Event Loop与异步更新策略
10、回流和重绘
11、首屏优化

参考：https://blog.csdn.net/xuelian3015/article/details/86314343?utm_medium=distribute.pc_relevant.none-task-blog-BlogCommendFromMachineLearnPai2-2.control&depth_1-utm_source=distribute.pc_relevant.none-task-blog-BlogCommendFromMachineLearnPai2-2.control