网站优化性能分析方案

1.输入url请求创建网络请求现成

2.建立http请求：

DNS解析

TCP连接

3.前后端交互

后端以数据包形式返回给前端

http缓存

4.关键路径渲染

加载优化：用懒加载技术减少http请求。减少无需再首屏展示的非关键信息占用的页面加载时间

构建优化：合并资源减少http请求数量

DNS解析优化：DNS解析ip是通过递归及迭代的方式查询，所以较为耗时，可通过DNS缓存优化解析时间

TCP连接：复用TCP连接，升级http协议从1.0到1.1或2.0

构建优化：结合主流工具webpack压缩合并资源，减少响应数据包体积

缓存技术：使用缓存技术避免重复发送请求，减少前后端交互资源消耗

渲染优化：提升渲染过程中的性能优化，减少重绘和回流的次数