WEB前端性能优化-快速提高页面渲染速度。
一、前端优化
1、前端架构优化，动静分离，静态资源(html、js、img、css)等由静态服务器快速渲染，比如nginx，nginx的I/O能力比较的强，对于静态资源渲染可以直接response到客户端，无须代理请求至应用服务器进行资源加载，且进一步降低大量请求对于应用服务器的冲击。
2、资源压缩，压缩 CSS、JS 、IMG;
对于css，js可以从文件中去掉多余的字符。比如缩进和换行符;
对于图片采取50%的压缩比或者满足业务要求的前提下，其它的压缩比进行资源压缩。
决定页面渲染速度有两个决定性因素，1)请求次数，2)网络请求时间成本。对于页面中的请求数，特别是静态资源的过多的请求，可通过合并，压缩等方式减少请求数量。亦可通过设置Expires头，可以使组件被缓存，下次访问的时候，就可以减少不必要的HTPP请求，从而提高加载速度。
4、缩短网络请求时间周期
特别是动态数据的提取，前端渲染可采取异步加载模式，且通过缓存形式快速完成数据提取。
5、使用CDN
CDN 是一种缓存方法，可极大改善资源的分发时间，同时，它还能实现一些其他的缓存技术，如，利用浏览器缓存。合理地设置浏览器缓存，能让浏览器自动存储某些文件，以便加快传输速度。
二、应用能力优化
1、一级缓存构建
在当前应用服务器中开辟内存空间，放置静态数据至该内存空间中，并且可以避免高频繁的与二级缓存或者db之间的网络交换。
2、二级缓存构建
不经常变动的大量静态数据可采取置入二级缓存服务器，降低高并发下对于db的压力;构建二级缓存服务，如redismemcache等，且通过代理实现二级缓存服务集群，避免单点故障问题，且避免数据不同步的问题。
对于不存在于二级缓存又不存在于db中的信息所对应的key应及时置为不可用，避免缓存穿刺及雪崩。
微信扫一扫