关于web前端优化的建议（多收少补）

**前端的优化，以下都是学习到并自己整理的技术，未来还会补充**

1、减少网络交互的次数（多次请求合并，每个http请求其实都是一个tcp的请求，这些请求在建立连接和释放连接都会消耗很多系统资源，这些性能的消耗时常会比传输内容本身还要大，因此我们会尽力减少http请求的个数来达到提升传输效率的目的或者使用http长连接来消除建立连接和释放连接的开销。）

2、减少网络传输数据量的大小（必须要传的数据，我们可以传，但是尽量压缩）

3、尽量减少编码的转换（尽量提前转化为字节，或者减少从字符到字节的转化过程）

4、使用浏览器缓存（默认情况下不应被视为可缓存资源，不缓存。该缓存的文件数据还是要浏览器缓存，优化体验）

5、减少Cookie传输（对静态文件（如图片，JS脚本文件及CSS文件）启用一个新的独立域名，以杜绝不必要的Cookie传送，提高请求速度并减少带宽，因为当请求一个静态图片时，传输Cookie就没有任何意义了）

6、合理布局页面（多看看页面布局心得优缺点的技术贴）

7、使用页面压缩（css压缩、js压缩、图片压缩）

8、延迟加载页面（用懒加载技术加载css、js、图片）

9、CSS引入放在最下面，JS放在页面最下面

10、CDN（  CDN技术应该由三个步骤组成，首先是解析DNS，找到离用户最近的CDN服务器，接下来CDN要做一下负载均衡，根据负载均衡策略将请求落地到最合适的一个服务器上，如果CDN服务器上就有用户所需要的静态资源，那么这个资源就会直接返回给浏览器，如果没有CDN服务器会请求远端的服务器，拉取资源再把资源返回给浏览器，如此同时拉取的资源也被缓存在CDN服务器上，下次访问就不需要在请求远端的服务器了，CDN存储资源的方式使用的是缓存，这个缓存的载体是和apache，nginx类似的服务器，我们一般称之为http加速器，之所以成为http加速器是为了和传统静态web服务器区别开来，传统的静态资源服务器一般都是从持久化设备上读取文件，而http加速器则是从内存里读取，不过具体存储的计算模型会根据硬件特点做优化使得资源读取的效率更高，常见的http加速器有varnish，squid。Ngnix加上缓存模块也是可以当做http加速器使用的，不管使用什么技术CDN的服务器基本都是做一个就近的缓存操作。 例如：jquery.js包引用谷歌或者微软放在服务器上的js包）

11、反向代理

12、页面静态化，动静分离，动静结合（PS：页面静态化Browser交互Server给用户更好的，所以不是单纯的使用前端技术）

13、异地部署