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