浅谈前端性能优化

318 阅读1分钟

更快的网络通信

1.减少请求次数
    缓存:1)强缓存
         2)协商缓存
    资源合并(雪碧图)
    域名分片(资源合并和域名分片仅适用于http1,http2就不用了)
2.CDN服务器通信 内容分发网络
    全局负载均衡(智能调度)
    缓存系统(命中率 回源率)

更高效的数据处理

性能分析工具:ab(阿帕奇 phpstudy)
             日志:node --prof...
                  node --prof --process(解码成能看懂的日志,在日志中看到各js css所花费的时间)

客户端渲染方案CSR

    =>服务器端渲染方案SSR nuxt.js(vue.js)
    =>静态站点域方案SSG
        具体原理和案例可查看[前端性能优化 24 条建议(2020) (juejin.cn)](https://juejin.cn/post/6892994632968306702) 侵删  **这是个大佬!**
1.减少http请求
2.使用http2(不使用http1)
头部压缩
链路复用
3.将 CSS 放在文件头部,JavaScript 文件放在底部