web前端性能优化

# 一、资源合并与压缩

• 理解减少http请求数量和减少请求资源大小两个优化要点
• 掌握压缩与合并的原理
• 掌握通过在线网站和gulp两种实现压缩与合并的方法

# 二、图片相关优化

• 理解图片相关的优化的核心概念
• 结合facebook和淘宝移动首页案例分析
• 掌握通过在线网站和fis3两种实现图片相关的一些优化

# 三、css、js的加载和执行

• 理解浏览器端 html、css、js的加载过程
• 结合chrome的能力学习掌握css、js加载过程中的优化点
• 通过案例分析和实战演练深入理解学习的优化点

# 四、懒加载与预加载

# 五、重绘与回流

• 理解浏览器重绘与回流的机制
• 对于一些经典的案例进行分析
• 重绘与回流的案例实战

# 六、浏览器存储

• 理解localstorage、cookie、sessionstorage、indexdb的概念和使用
• 学习理解pwa和service worker的应用
• 案例分析和实战

# 七、缓存

• 理解cache-control所控制的缓存策略
• 学习理解last-modified和etag以及整个服务端浏览器的缓存流程
• 案例分析和实战，基于node实践以上缓存方式