【大型网站架构】性能优化之Web前端性能优化

    根据网站分层架构，可分为Web前端性能优化，应用服务器性能优化，存储服务器性能优化3大类。

Web前端性能优化

一、浏览器访问优化

1.减少Http请求

      HTTP协议是无状态的应用层协议，意味着每次HTTP请求都需要建立通信链路、进行数据传输，而在服务器端，每个HTTP都需要启动独立的线程去处理，这些通信和服务的开销都很昂贵，减少HTTP请求的数目可有效提高访问性能。

     减少HTTP的主要手段是合并CSS、合并JavaScript、合并图片。

2.使用浏览器缓存

3.启用压缩

      在服务器端对文件进行压缩，在浏览器全对文件进行解压缩，可有效减少通信传输的数据量。

4.CSS放在页面最上面、JavaScript放在页面最下面

      浏览器会在下载完全部CSS之后才对整个页面进行渲染，因此最好的做法是将CSS放在页面最上面，让浏览器尽快下载CSS。JavaScript则相反，浏览器在加载JavaScript后立即执行，有可能会阻塞整个页面，造成页面显示缓慢，因此JavaScrpit最好放在页面的最下面。但如果页面解析时就需要用到JavaScript，这是放在底部就不合适了。

5.减少Cookie传输

二、CDN加速

     CDN的本质仍然是一个缓存，而且将数据缓存在离用户最近的地方，使用户以最快的速度获取数据，即所谓网络访问第一跳。

    由于CDN部署在网络运营商的机房，这些运营商又是终端用户的网络服务提供商，因此用户请求路由的第一跳就到达了CDN服务器，当CDN中存在浏览器请求的资源时，从CDN直接返回给浏览器，最短路径返回响应，加快用户访问速度，减少数据中心负载压力。

    CDN能够缓存的一般是静态资源，如图片，文件，CSS，Script脚本，静态网页等。

三、反向代理