减少HTTP请求

图片、css、js请求尽量合并减少请求。

避免空的src、href

把CSS放到顶部、JS放底部

避免使用CSS表达式

将CSS和JS放到外部文件中

减少Cookie的大小 使用无cookie的域

不要在HTML中缩放图片

1、资源合并与压缩

• html、css、js的压缩（webpack打包）
• 图片压缩（大小压缩、雪碧图）
• 资源合并（5个css 合并成一个）

2、浏览器加载原理优化

• css请求放头部
• js请求放底部
• 懒加载、预加载

三个维度

1、静态资源优化

• 合并css、js文件，制作雪碧图：减少http的请求次数，节省网络请求时间
• 静态资源cdn分发：客户端可以通过最佳的网络链路加载静态资源
• js、css文件压缩，图片压缩，gzip压缩：减少请求返回的数据量
• 静态资源缓存机制
• 权衡dns的查找

2、接口访问优化

3、页面渲染优化

• css放在顶部：优先渲染
• js放在底部：避免阻塞
• 减少DOM元素数量：这个最能体现变成水平了
• img标签要设置高宽：减少重绘重排