界面框架性能优化

原创
2013/07/05 09:46
阅读数 31
 

1)优化核心引擎

3.2版本优化了框架核心引擎framework.js,页面加载速度相比以前有了一定的提升。

2)提供极速模式

         目前每次加载框架内页时会有1-3秒钟的等待时间,这个取决于浏览器和机器性能。如果用低版本IE浏览器会比较明显,如果用高版本的IE浏览器或firefoxchrome等时间会很短,chrome会瞬间打开。

         这是因为页面初始化时,核心引擎做了大量的工作,例如它会遍历页面所有的dom节点,根据他们的标签特性和class的名称把他们渲染成不同的组件。通过这样的方式来简化开发人员的工作量并降低难度。

         而低版本的浏览器对JS解析速度不高,例如IE6IE9JS处理速度要慢2000倍以上,所以速度的瓶颈就在这里。

         3.2提供了一种极速模式,极速模式主页配置了autoRenderfalse,这样打开页面时页面不会被框架所渲染。然后自己手动对页面中某些必要元素做渲染,其余的元素例如盒子模型、table表格、文本框、按钮等,都可以通过添加CSS样式来实现同样的效果。

         极速模式通过用户对每个页面多做一些工作,来突破速度瓶颈。当你的客户主要是IE6IE7的话很适合使用这种模式。页面打开速度非常快。

         可以访问组件示例栏目下的极速模式做测试。

展开阅读全文
打赏
0
0 收藏
分享
打赏
0 评论
0 收藏
0
分享
返回顶部
顶部