weixin_45729502的博客

性能优化大汇总/* * 1.利用缓存 * + 对于静态资源文件实现强缓存和协商缓存（扩展：文件有更新，如何保证及时刷新？） * + 对于不经常更新的接口数据采用本地存储做数据缓存（扩展：cookie / localStorage / vuex|redux 区别？） * 2.DNS优化 * + 分服务器部署，增加HTTP并发性（导致DNS解析变慢） * + DNS Prefetch * 3.TCP的三次握手和四次挥手

文章目录HTTP网络层优化从URL地址看见页面经历了什么？第一步 URL解析第二步：缓存检查第三步：DNS解析第四步：TCP三次握手第五步：数据传输第六步：TCP四次挥手为什么连接的时候是三次握手，关闭的时候却是四次挥手？第七步：页面渲染HTTP网络层优化代码编译层优化 webpack代码运行层优化 html/css + javascript + vue + react安全优化 xss + csrf数据埋点及性能监控……CRP（Critical [ˈkrɪtɪkl] Rende