前端优化老生常谈，
纯前端优化（非全栈人员）你能控制的无外乎，js，css，image，这个时候雅虎军规可能是你参考的对象：
- 压缩合并js，css，image，html。压缩合并的目的其实就减少http请求数量和请求的质量
- 还有js和css顺序可以控制。
- 异步加载代码
- 只加载页面可见区域，其余的懒加载
- 缓存，缓存是比较大的范畴，（包括前端缓存，服务器缓存，离线缓存，以及利用localStorage的黑科技缓存等等。）
- preload，prefetch，dns-prefetch ，具体能不能用可以caniuse
- cdn
- 图片使用webp优化（chrome系的都支持）
全栈的前端优化：出去上面能优化，还有：
- 上面缓存中的服务器缓存，以及浏览器缓存策略，等可以做
- 客户端和前端一起的混合的缓存策略，（前端代码缓存在客户端中）
- hybird 方式
- ssr （服务器渲染）
综上，优化其实让首屏的页面加载更快，要想更快”缓存“是大杀器，省去服务器端来取代码的时间，但是如果你使用的webpack打包的react+react-router+mobx+less等webapp，你会发现js的渲染也会花费很多的时间。
持续更新...