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，增加服务器处理能力

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