https://mp.weixin.qq.com/s/ArFODr6tHkok5xeGQdICOw

性能优化原则

代码

减少CPU计算，减少网络耗时
节流、缓存，长列表优化
v-for中使用key

加载

  • 利用缓存

cdn

  • 减少加载代码大小

minimizer

  • 代码的合并压缩，减少http请求

webpack的splitchunks

  • 服务端渲染

SSR

  • css头部，js尾部

  • dom查询的缓存

  • 懒加载

  • dom片段

createDocumentFragment