前端优化：
- 资源加载
-
- 按需加载，如 Vue 路由动态加载
- CDN 加速
- 图片懒加载
- 减少资源大小
-
- 尽可能精简 HTML 代码和结构
- 压缩 html、js、css 代码
- 压缩图片，合并图片，小图片用 base64
- 合理放置 CSS 文件和 JS 文件的加载位置，因为 JS 执行会阻塞 HTML 和 CSS 的渲染
- 使用骨架屏，减少用户焦虑时长：静态图片、动态 DOM 等
- 本地缓存：
-
- 通过 cookie、localStorage 以及一定的策略，对静态文件进行缓存，减少请求
- 通过 HTML5 提供的新 API ，如 localhost/manifest 和 service worker 相关
- SPA -> SSR：
-
- 单页面应用往往会动态绘制 DOM ，即时静态资源都已加载，还需要创建 DOM，所以可以对一些时效性比较强的页面考虑使用 SSR，服务端渲染
- 服务端渲染（SSR）：压力会来到服务端，需要处理好服务端的数据吞吐性能，做好扩容和相关缓存的优化
- 还有一种基于两者之间的方案，页面预渲染，prerender-spa-plugin 方案
- 前端代码自身的优化，减少耗时长的代码逻辑，提高代码质量
- 其他：
-
- Bigpipe
- ……