前端优化策略

前端优化策略分为网络加载类、页面渲染类、CSS优化类、JavaScript执行类、缓存类、图片类、架构协议类。

网络加载类：

1、减少http资源请求次数

　　包括合并静态资源图片、JavaScript和Css代码

2、减少HTTP请求大小

　　减少没必要的图片、js/css及html代码（移除注释、ugly），对文件进行压缩优化，或者使用gzip压缩传输内容

3、避免空href和src

4、为html指定Cache-Control或Expires

　　避免频繁向服务器发送请求，当Cache-Control或Expires有效时，浏览器将直接从缓存中读取内容。

　　<meta http-equiv="Cache-Control" content="max-age=7200" />

　　<mate http-equiv="Expires" content="Mon, 20 Jul 2016 23:00:00 GMT" />

5、合理设置Etag和Last-Modified

　　对于未修改的文件，静态资源服务器会向浏览器返回304，让浏览器从缓存中读取文件。

6、减少页面重定向

7、使用静态资源分域存放来增加并行下载数

8、使用静态资源CDN来存储文件，使用CDN Combo下载传输内容

9、使用可缓存的ajax,使用get请求，

10、减少Cookie大小，并进行Cookie隔离

11、缩小favicon.ico并缓存

页面渲染类