Web前端性能优化

Web前端性能优化：

1.减少http请求

主要手段是合并CSS、JavaScript、图片，将浏览器一次访问所需的JavaScript、CSS内容合并成一个文件,图片可以合成一张或者是有不同的超链接时可通过CSS偏移响应鼠标点击操作构造不同的URL。
2.使用浏览器缓存
通过设置HTTP头中的Cache-Control和Expires的属性，可设定浏览器缓存。
某些时候需要将这些缓存进行更新，这时只需要更改文件名并更新Html中的引用，采用逐量更新的方法，不要一次性更新，不然会出现用户浏览器大量缓存失效，集中更新缓存，造成服务器负载剧增、网络阻塞情况。
3.启用压缩
用GZip压缩可达到较好效果。
4.CSS放在页面最上面，JS放在页面最下面
因为先看到整体页面，再看到动态效果。

5.减少Cookie传输

6.运用CDN（Content Distribute Network,内容分发网络），这是一种缓存机制，部署在网络运营商的机房，用户的请求路由第一时间是到达CDN服务器，最短路径返回响应，加快访问数据，减少服务器压力。

7.反向代理服务器，用户第一次访问后的静态内容缓存在反向代理服务器，当其他用户访问该静态内容时，可以直接从反向代理服务器上返回。

http://blog.youkuaiyun.com/cengjingcanghai123/article/details/39293433