资源层优化
- 资源压缩，去掉多余空格与注释，css雪碧图
- 适当的文件合并（网络延迟和丢包的时候，损失更小）
网络层优化
- 适当合并请求，减少http开销
- 客户端使用 cache
- 静态资源放在cdn（内容分发网络），相当于同一个区域的用户共享一个资源缓存
- dns预解析
<link rel="dns-prefech" href="https://assets.com"></link>
加载层优化
- 核心脚本预加载（
link rel=preload） - 非核心代码异步加载 defer async(IE9+，而且无法保证async的文件顺序执行)
- 减少重排
seo优化
- meta: meta 标签中的 keywords 和 description
- 使用语义化标签
h1-h6
nav
section
article
footer
header
用户体验优化
vue-content-loader--github 使用svg作为预渲染样式，支持在线自定义，并导出代码
骨架屏(page-skeleton-webpack-plugin)初探 作者：小土豆biubiubiu
