资源压缩与合并

优化核心

  1. 减少http请求数量；
  2. 减少请求资源的大小；

案例

  1. css压缩
  2. js压缩

图片的相关优化

  1. css雪碧图/精灵图

浏览器渲染引擎与阻塞

  1. 使用CDN节点进行外部资源加速；
  2. 对css进行压缩(利用打包工具，比如webpack，gulp等)；
  3. 减少http请求数，将多个css文件合并；

懒加载和预加载

  1. 监控可视区域，当图片进入可视区域时才加载
  2. 提前加载所有图片资源，用的时候展示即可

优化总结

1.减少 css，js 文件数量及大小(减少重复性代码，代码重复利用)，压缩 CSS 和 Js 代码
2.图片的大小
3.把 css 样式表放置顶部，把 js 放置页面底部
4.减少 http 请求数
5.使用外部 Js 和 CSS