针对web应用的性能瓶颈进行前端优化

高效、快速的前端应用能带来良好的用户体验。但当系统过于庞大、应用过于复杂时,前端表现难免会减分。分辨web应用的性能瓶颈,一般从下面三个方面入手寻找(针对Javascript开发的前端应用):

1、如果局域网不慢而互联网上慢,为 加载慢;

2、如果Chrome不慢而IE慢,为 渲染慢;

3、越用越慢,可能为 内存泄露。

打开你的应用,来寻根究底吧:

如果是加载慢,可能大部分应用存在这个问题,这时候需要你减少要加载的文件;不用就不加载,用的时候再加载,进行动态加载;给出友好的用户提示,做加载提示;做好静态内容的过期,只加载一次。

如果是渲染慢,则要精心设计代码,如缓存经常用到的节点查询结果,良好地控制DOM树的刷新;要少加载少解析,晚加载晚解析。

如果是内存泄露,Js是具有垃圾回收机制的,这里推荐一篇 文章

原创文章如转载,请注明:转载自蓝色骑兵 [ http://www.wkeke.cn/ ] 本文链接地址:http://www.wkeke.cn/archives/for-the-performance-of-web-application-to-optimize-web-front-end/

Tags:


相关文章


有1个牛人指点过:

  1. Vanessa on 2010-06-03 11:03 am

    “做好静态内容的过期,只加载一次。”要怎么实现?麻烦直接回Email。Thx。

请牛人赐教: