Web前端性能优化策略

前端性能优化需要从前端的资源类型分析,以减少请求资源和请求时间为目的。目前的类型包括图片、javascript、css、动态数据等，不同的资源对于运算、带宽等的依赖也不同，因此优化的方式也不同。参照以往的经验和雅虎前端优化的策略，本系统分为以下方面：

1）根据浏览器加载数据的顺序不同，将加载的位置分为head内部和body之后

      a，css尽可能的放到head内部

      b，JavaScript放到body之后

2）减少数据请求的次数，减少服务器请求时间

     a，合并不必要的单次后端请求；

     b，首界面采用惰性加载，列表页采用分页加载；

     c，javascript合并；

     d，css合并

     e，2k以内的请求采用get方式，反之采用post请求

3）通过数据压缩，减少数据传输的时间

     a，服务器请求采用gzip压缩

     b，banner图片采用图片压缩，压缩到200kb左右

     c，javascript和css采用数据压缩

4）通过数据缓存增加请求的速度

    a，图片资源，JavaScript、css 配置cdn

    b，页面静态资源配置页面缓存；

5）多域名请求

    a，将数据库、图片、应用程序等功能分开存储请求；

    b，根据不同的业务划分不同的域名服务器

6）负载均衡

    a，设定负载均衡，包括应用程序负载和数据库负载处理；

7）硬件配置提升

    a，增加网络带宽

    b，增加服务器处理能力

     以上的优化策略效果逐级提升，从成本的角度考虑，不同的阶段侧重点不同。优化的核心关键是理解问题的瓶颈，根据瓶颈和问题特点进行针对性优化。