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

猜你喜欢

转载自www.cnblogs.com/rxqlx/p/10332961.html