前端优化手段

路由懒加载  组建懒加载 分包 dll打包抽离  骨架屏 虚拟滚动  web worker 长任务  preload prefetch 图片懒加载 图片压缩  精灵图 svg canvas base64

动画用requestAnimationFrame替代setTimeout setInterval  requestAnimationFrame是GUI引擎 setTimeout setInterval是js引擎\

浏览器缓存 强缓存弱缓存 cdn部署 dns查询优化  gzip brotli nginx开启压缩  http2

<meta http-equiv="x-dns-prefetch-control" content="on" /> ​

<link rel="dns-prefetch" href="https://s.google.com/" >